用jQuery擴展自寫的 UI導(dǎo)航
更新時間:2010年01月13日 22:58:04 作者:
目前試了 jQuery 擴展的編寫有兩種。
復(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)用測試下:
$.navs();
兩年前的野心今天終于實現(xiàn)了(噢,這是導(dǎo)航,不是頁簽(tabs)),小有成就感一把!
您可能感興趣的文章:
- Jquery+CSS 創(chuàng)建流動導(dǎo)航菜單 Fluid Navigation
- jQuery-Easyui 1.2 實現(xiàn)多層菜單效果的代碼
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- jQuery EasyUI API 中文文檔 - Menu菜單
- jQuery實現(xiàn)的簡潔下拉菜單導(dǎo)航效果代碼
- jQuery實現(xiàn)類似標(biāo)簽風(fēng)格的導(dǎo)航菜單效果代碼
- jQuery實現(xiàn)下滑菜單導(dǎo)航效果代碼
- jQuery實現(xiàn)的背景動態(tài)變化導(dǎo)航菜單效果
- jquery實現(xiàn)適用于門戶站的導(dǎo)航下拉菜單效果代碼
- jQuery ui實現(xiàn)動感的圓角漸變網(wǎng)站導(dǎo)航菜單效果代碼
相關(guān)文章
jQuery源碼解讀之extend()與工具方法、實例方法詳解
這篇文章主要介紹了jQuery源碼解讀之extend()與工具方法、實例方法,分析了jQuery中extend()源碼、功能與相關(guān)使用技巧,需要的朋友可以參考下2017-03-03jquery.form.js框架實現(xiàn)文件上傳功能案例解析(springmvc)
這篇文章主要為大家詳細(xì)介紹了jquery.form.js/springmvc文件上傳功能的實現(xiàn)步驟,使用的技術(shù)有jquery.form.js框架,以及springmvc框架,具有實用價值,感興趣的小伙伴們可以參考一下2016-05-05