JavaScript

複製代碼 代碼如下: <div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="Pro_List" runat="server"> <ItemTemplate> <a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src=

demo01.html 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

這個外掛程式的名字elevatezoom，網址為http://www.elevateweb.co.uk/image-zoom，在github上的項目首頁為https://github.com/elevateweb/elevatezoom，建議去github下載，這個網速比較快。 實現這個效果你需要準備兩張圖片，一張小的，一張大用於滑鼠經過時候顯示。然後我們只要為img標籤添加data-zoom-image屬性，其值為大圖的地址，最後在javascript中選擇該圖片調用elevateZoom()

線上示範 大家還記得我們曾經介紹過的表單驗證jquery外掛程式jquery.validationEngine吧，使用這個外掛程式你不需要寫任何一行js代碼就可以產生一個功能強大的表單驗證功能。是不是超棒？ 今天介紹的Parsley同樣也可以協助你只使用簡單的配置即可實現表單驗證功能，基於它的強大DOM-API。 主要特性 •基於超棒的使用者體驗 •超級方便配置 •超輕量級(壓縮後12K），支援jQuery和Zepto

複製代碼 代碼如下: var Validator = { // 郵箱 isEmail : function(s) { var p = "^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$"; return this.test(s, p); }, // 手機號碼 isMobile : function(s) { return

因公司需要做一個仿百度搜尋方塊,並且帶Value值的, 網上找了下只有Text, 都沒帶Value的 所以做了個. 直接貼代碼。 複製代碼 代碼如下: (function($) { var timeid; var lastValue; var options; var c; var d; var t; $.fn.autoComplete = function(config) { c = $(this); var defaults = { width: c.width(), //提示框的寬度

前端開發過程中需要不斷學習，不斷溫習。最近計劃白天繼續溫習jquery，晚上學習下原生javascript，然後利用一些時間做做網站推廣SEO來著。計劃暫時這些。 白天活幹完，弄個jquery仿凡客誠品圖片切換的效果 以前寫的不是很好，今天重新做個 jquery特效，其實很簡單，漠然回首也就那回事。 先來個原型吧,鋒利的jquery第一個例子，相信大家都很熟悉。沒錯，你絕對沒看錯。 代碼如下 複製代碼 代碼如下: <div class="menu"> <div

demo04.html 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

圖片版：點擊看大圖網上收集的KeyCode值方便大家尋找： keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape

我們時常在使用png圖片的時候，在ie6下發生背景不透明的問題，下面給大家介紹下一個js解決的方式。 首先我們要用到一個js，代碼如下： 複製代碼 代碼如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL:

前言 上一篇文章，我們講解了影像處理中的膨脹和腐蝕函數，這篇文章將做邊緣梯度計算函數。映像的邊緣映像的邊緣從數學上是如何表示的呢？映像的邊緣上，鄰近的像素值應當顯著地改變了。而在數學上，導數是表示改變快慢的一種方法。梯度值的大變預示著映像中內容的顯著變化了。用更加形象的映像來解釋,假設我們有一張一維圖形。中灰階值的“躍升”表示邊緣的存在：　　　　使用一階微分求導我們可以更加清晰的看到邊緣“躍升”的存在(這裡顯示為高峰值)：　　　　由此我們可以得出：邊緣可以通過定位梯度值大於鄰域的相素的方法找到。

今天在網上找到一款迴旋滾動效果，拿出來和大家一起分享。先上：  html 代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>jquery-roundabout</title> <style type="text/css"> *{padding:0;margin:0;} body{

複製代碼 代碼如下: <html> <head> <title>密碼強度檢測效果</title> <script type="text/javascript"> function chkpwd(obj){ var t=obj.value; var id=getResult(t); //定義對應的訊息提示 var msg=new Array(4); msg[0]="密碼過短。"; msg[1]="密碼強度差。";

先看： 要求：當輸入框獲得焦點時，自動顯示驗證圖片。 代碼如下（學習而已，僅供參考）： 複製代碼 代碼如下: /***********************下是驗證碼對象*****************/ var Validation = {}; Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $('#'+eleName).focusin(function(){

網頁上有許多圖片切換的投影片效果,它們大多用flash實現,那javascript能不能實現他們呢,當然可以,我自己寫了一個,和大家一同分享 廢話少說,看代碼 複製代碼 代碼如下: sx.activex.imagefade={ init:function(imga,fadeint,fadeoutt){ var ti=new Array(); for(var i=0;i<imga.length;i++){ ti[i]=new Image(); ti[i].src=imga[i] } var

主要的變化點有：把‘下一條'、‘上一條'的click事件抽象到一個函數showNext中。添加setInterval，添加selector元素的hover事件。好了，我們一個個的看。 showNext函數： 複製代碼 代碼如下: //顯示函數 function showNext(flag) { //隱藏導航 $(config.selector).find('a').css('display', 'none'); //建立遮罩 $.tranzify.createOverlay(config); /

複製代碼 代碼如下: (function($) { $.fn.scrollWait = function(options) { var ops = $.extend({}, $.fn.scrollWait.defaults, options); var opts = $.meta ? $.extend({}, ops, $(this).data()) : ops; /** * 顯示位置 */ var win = $(window); var winheight = win.height();

時間緊木有做成JQ外掛程式，通用性可能差一些但是準系統是有的，比較適合初學者，望老鳥大蝦表拍磚才好 哦少說了一句我用的是 JQueryUI裡面的button感覺還不錯 是第一頁的樣子 這是最後一頁的樣子 廢話不說了上代碼上面有參數說明看不懂的歡迎留言 複製代碼 代碼如下: //------------------------------------------------------ // pageingBtn() 分頁按鈕的顯示方法 // pageIndex: 當前第幾頁 //

需求：圖片width<=330px,height<=150。 1、利用max-width,max-height使圖片等比例自動縮放，代碼： 複製代碼 代碼如下: img{max-width: 330px;max-height: 150px;} 由於ie6不支援css max-width,max-height,所以在ie6中需要利用javascript指令碼來控制大小。 2、用javascript指令碼來相容ie6，代碼如： 複製代碼 代碼如下: var img_width =

線上示範:滑鼠移至圖片後抖動的JS代碼 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]創意之處： 調用簡單：事件="shake(this,'onmouseout')"; 代碼簡短：函數主體程式僅僅5行代碼 效能高 邏輯清晰，便於二次開發