用jQuery擴展自寫的 UI導航
更新時間：2010年01月13日 22:58:04 作者：
目前試了 jQuery 擴展的編寫有兩種。
復制代碼 代碼如下:
(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);
上面是直接定義屬性。下面是種常見的方法：
復制代碼 代碼如下:
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)了（噢，這是導航，不是頁簽(tabs)），小有成就感一把！
您可能感興趣的文章:
- Jquery+CSS 創(chuàng)建流動導航菜單 Fluid Navigation
- jQuery-Easyui 1.2 實現(xiàn)多層菜單效果的代碼
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- jQuery EasyUI API 中文文檔 - Menu菜單
- jQuery實現(xiàn)的簡潔下拉菜單導航效果代碼
- jQuery實現(xiàn)類似標簽風格的導航菜單效果代碼
- jQuery實現(xiàn)下滑菜單導航效果代碼
- jQuery實現(xiàn)的背景動態(tài)變化導航菜單效果
- jquery實現(xiàn)適用于門戶站的導航下拉菜單效果代碼
- jQuery ui實現(xiàn)動感的圓角漸變網(wǎng)站導航菜單效果代碼
相關文章
在本教程中，我將告訴你如何使用一些常見的形式領域jquery.maxlength.js2011-09-09
測試代碼如下,本例子中設置的著色比較多，哈，都是隨便輸些數(shù)字進去的，感覺這樣更容易讓大家看到效果，呵，如果我的講的有哪不好麻煩大家多留言教導下^^2009-07-07
這篇文章主要為大家詳細介紹了jquery實現(xiàn)擲骰子小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
一些常用的驗證腳本2010-07-07
通過Jquery的Ajax方法讀取將table轉換為Json
這篇文章主要介紹了通過Jquery的Ajax方法讀取將table轉換為Json,需要的朋友可以參考下2014-05-05
jQuery插件Elastislide實現(xiàn)響應式的焦點圖無縫滾動切換特效
這篇文章主要介紹了jQuery插件Elastislide實現(xiàn)響應式的焦點圖無縫滾動切換特效,效果非常的棒，而且兼容性也很好，推薦給小伙伴們2015-04-04
這篇文章主要介紹了通過jquery實現(xiàn)tab標簽瀏覽效果2007-02-02
這里給大家推薦幾款比較好用實用易用的jQuery帶箭頭提示框tooltips插件，兼容性都很不錯，大家根據(jù)需要自由選擇吧2014-11-11
這篇文章主要介紹了jQuery知識點整理的相關資料,需要的朋友可以參考下2015-01-01
jQuery之DOM對象和jQuery對象的轉換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對象和jQuery對象的轉換與區(qū)別分析,對比分析了DOM對象和jQuery對象的原理與用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01