其他

jQuery菜單式圖片滑動切換是一款天貓官方網站的滑鼠滑過圖片切換導覽功能表特效。複製代碼 代碼如下:$(function(){    // floorCon-slide    $(".floorCon-slide .floorConSlideImgNav li span").css({opacity:0.95})    $(".floorCon-slide .floorConSlideImgNav li.

調用jQuery.position()方法會返回相對於父元素的位置，jQuery官方文檔中描述說，它跟.offset()方法不一樣，.offset()返回的是相對於document的位置，而.position()返回的是相對於父元素的位置。但事實上，在使用的過程中，我們發現.position()返回的值經常是0。但事實不是0。尤其是Google瀏覽器和IE瀏覽器裡。Firefox瀏覽器沒有此問題。究其原因，以基於Webkit的瀏覽器(Google瀏覽器和Safari瀏覽器)為例，只有當元素(圖片

本文執行個體講述了jquery實現頁面關鍵詞高亮顯示的方法。分享給大家供大家參考。具體分析如下：通過jquery對頁面搜尋關鍵詞進行高亮顯示 支援中文多詞頁面中高亮顯示1. JavaScript代碼如下：複製代碼 代碼如下:jQuery.fn.extend({    highlight: function(search, configs){        if(typeof(search) ==

本文執行個體講述了基於jquery實現的自動補全功能的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:$(function() {    // 自動補全    var maxcount = 0;// 表示他最大的值    var thisCount =0;// 初始化他框的位置    $("body").prepend("<div

本文執行個體講述了jQuery實現字串按指定長度加入特定內容的方法。分享給大家供大家參考。具體分析如下：最近的一個項目中需要將手機號碼按一定長度用標識符隔開，便於閱讀，網上找了一會發現沒有合適的代碼於是就自己手寫了一個函數，可以按指定長度往字串中插入分隔字元，有需要的朋友可以拿去。var split_str=false;function insert_flg(str,flg,sn){ str=str.replace(new RegExp(flg,"g"),""); var newstr=""

本文執行個體講述了jquery利用命名空間移除綁定事件的方法。分享給大家供大家參考。具體分析如下：最近研究jquery，發現了一個簡單移除綁定事件的方法，命名空間。例子很簡單。這裡我綁定了三個事件，分別是click,mouseover和dblclick事件 其中click和mouseover事件我加入了命名空間，而dblclick沒有加入命名空間。 利用一個button移除了綁定的事件。 這樣避免了重複的使用bind和unbind方法，讓你的代碼看起來更簡潔明了。 複製代碼

本文執行個體講述了jQuery類比新浪微博首頁滾動效果的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!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>&

最近在學些web前段的知識，看見部落格園首頁左側的一個串聯功能表，就想寫一個demo.呵呵 複製代碼 代碼如下: <!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 runat=

具體代碼如下： 複製代碼 代碼如下: <!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> <title>code.js.cn </title> &

js修改input的type屬性有些限制。當input元素還未插入文檔流之前，是可以修改它的值的，在ie和ff下都沒問題。但如果input已經存在於頁面，其type屬性在ie下就成了唯讀屬性了，不可以修改。在ff下仍是可讀寫屬性。今天遇到個問題，輸入框有預設值“密碼”，但獲得焦點時，“密碼”兩字會去掉，輸入時直接變成”****“的password類型。很明顯，一開始的時候，input的類型是text，後來變成了password類型。直觀的思路是用js修改input的type類型。但ie下這麼做不

本文執行個體講述了jQuery處理json資料返回數組和輸出的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:/*print the json object * *$("selector").print_r_json(json,opts) : return formatted string (and print) *sprint_r_json : just return the string; *print_r_json :

本文執行個體講述了jQuery實現漸層下拉式功能表的簡單方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<script type="text/javascript">    $(function(){        $("#nav li").hover(function(){if(!$(this).children("#nav li

本文執行個體講述了jQuery實現高亮顯示的方法。分享給大家供大家參考。具體如下：主要功能代碼如下：var v = window.location.pathname; $(".hd ul li a").each(function (i) { var vherf = $(this).attr("href"); if (v == vherf) { $(".hd ul li").eq(i).addClass("on") } else { $(".hd ul

本文執行個體講述了jQuery實現表格顏色交替顯示的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了jQuery晃動層特效實現方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了jQuery隨機密碼產生的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:$.extend({   password: function (length, special) {    var iteration = 0;    var password = "";    var randomNumber;   

本文執行個體講述了jQuery實現簡單的間隔向上滾動效果的方法。分享給大家供大家參考。具體實現方法如下：複製代碼 代碼如下:<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><div id="broadcast" class="bar" name="giftactive"> <div

本文執行個體講述了jQuery實現凍結表頭的方法。分享給大家供大家參考。具體如下：前段時間做項目時候由於需要顯示一個列表，但是由於資料太多在滾動的時候表頭必須凍結住，所以就寫了下面這個指令碼（曾經在網上也找過相應的指令碼，但是不怎麼理想所以就自己寫了，但是目前由於項目僅僅用到了表頭的凍結，而不需要指定列凍結所以目前只能算個不完整的指令碼，不過一般的僅僅需要表頭凍結就可以使用了），現在先看看截圖：這樣實現了表頭的凍結，下面表體內容可以自由滾動看下代碼：複製代碼

在高版本的jquery引入prop方法後，什麼時候該用prop？什麼時候用attr？它們兩個之間有什麼區別？這些問題就出現了。關於它們兩個的區別，網上的答案很多。這裡談談我的心得，我的心得很簡單： • 對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。 • 對於HTML元素我們自己自訂的DOM屬性，在處理時，使用attr方法。上面的描述也許有點模糊，舉幾個例子就知道了。 複製代碼 代碼如下:<a

考慮都考慮的是伺服器返回的是JSON形式的字串的形式，對於利用JSONObject等外掛程式封裝的JSON對象，與此亦是大同小異，這裡不再做說明。複製代碼 代碼如下:var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'西安市'}, {name:'6102',value:'銅川市'}, {name:'6103',value:'寶雞市'}, {name:'6104',value:'鹹陽市'},