用jQuery擴(kuò)展自寫的 UI導(dǎo)航
更新時(shí)間:2010年01月13日 22:58:04 作者:
目前試了 jQuery 擴(kuò)展的編寫有兩種。
復(fù)制代碼 代碼如下:
(function($){
$.navs=function(){
return $('#top_menu_bar > li').each(function(){
$(this).hover(
function(){
$(this).find('ul:eq(0)').show();
},
function(){
$(this).find('ul:eq(0)').hide();
}
);
});
};
})(jQuery);
上面是直接定義屬性。下面是種常見的方法:
復(fù)制代碼 代碼如下:
jQuery.extend({
navs:function(){
return $('#top_menu_bar > li').each(function(){
$(this).hover(
function(){
$(this).find('ul:eq(0)').show();
},
function(){
$(this).find('ul:eq(0)').hide();
}
);
});
}
});
調(diào)用測(cè)試下:
$.navs();
兩年前的野心今天終于實(shí)現(xiàn)了(噢,這是導(dǎo)航,不是頁簽(tabs)),小有成就感一把!
您可能感興趣的文章:
- Jquery+CSS 創(chuàng)建流動(dòng)導(dǎo)航菜單 Fluid Navigation
- jQuery-Easyui 1.2 實(shí)現(xiàn)多層菜單效果的代碼
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- jQuery EasyUI API 中文文檔 - Menu菜單
- jQuery實(shí)現(xiàn)的簡(jiǎn)潔下拉菜單導(dǎo)航效果代碼
- jQuery實(shí)現(xiàn)類似標(biāo)簽風(fēng)格的導(dǎo)航菜單效果代碼
- jQuery實(shí)現(xiàn)下滑菜單導(dǎo)航效果代碼
- jQuery實(shí)現(xiàn)的背景動(dòng)態(tài)變化導(dǎo)航菜單效果
- jquery實(shí)現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼
- jQuery ui實(shí)現(xiàn)動(dòng)感的圓角漸變網(wǎng)站導(dǎo)航菜單效果代碼
相關(guān)文章
使用jQuery操作Cookies的實(shí)現(xiàn)代碼
Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存,或是從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)2011-10-10jquery js 獲取時(shí)間差、時(shí)間格式具體代碼
獲取獲得時(shí)間差、時(shí)間格式的方法有很多,下面為大家介紹下使用jquery及js實(shí)現(xiàn)的功能代碼2013-06-06基于jquery.page.js實(shí)現(xiàn)分頁效果
這篇文章主要為大家詳細(xì)介紹了基于jquery.page.js實(shí)現(xiàn)的分頁效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01jQuery源碼解讀之extend()與工具方法、實(shí)例方法詳解
這篇文章主要介紹了jQuery源碼解讀之extend()與工具方法、實(shí)例方法,分析了jQuery中extend()源碼、功能與相關(guān)使用技巧,需要的朋友可以參考下2017-03-03詳解Jquery實(shí)現(xiàn)ready和bind事件
這篇文章主要為大家詳細(xì)介紹了Jquery實(shí)現(xiàn)ready和bind事件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-04-04jquery.form.js框架實(shí)現(xiàn)文件上傳功能案例解析(springmvc)
這篇文章主要為大家詳細(xì)介紹了jquery.form.js/springmvc文件上傳功能的實(shí)現(xiàn)步驟,使用的技術(shù)有jquery.form.js框架,以及springmvc框架,具有實(shí)用價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05