用jQuery擴(kuò)展自寫(xiě)的 UI導(dǎo)航

更新時(shí)間：2010年01月13日 22:58:04 作者：

目前試了 jQuery 擴(kuò)展的編寫(xiě)有兩種。

 
(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); 

上面是直接定義屬性。下面是種常見(jiàn)的方法：

復(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)航，不是頁(yè)簽(tabs)），小有成就感一把！

您可能感興趣的文章:

相關(guān)文章

jquery maxlength使用說(shuō)明
在本教程中，我將告訴你如何使用一些常見(jiàn)的形式領(lǐng)域jquery.maxlength.js
2011-09-09
JQuery 學(xué)習(xí)筆記選擇器之五
測(cè)試代碼如下,本例子中設(shè)置的著色比較多，哈，都是隨便輸些數(shù)字進(jìn)去的，感覺(jué)這樣更容易讓大家看到效果，呵，如果我的講的有哪不好麻煩大家多留言教導(dǎo)下^^
2009-07-07
jquery實(shí)現(xiàn)擲骰子小游戲
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)擲骰子小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
jquery.validate使用攻略第五步正則驗(yàn)證
一些常用的驗(yàn)證腳本
2010-07-07
通過(guò)Jquery的Ajax方法讀取將table轉(zhuǎn)換為Json
這篇文章主要介紹了通過(guò)Jquery的Ajax方法讀取將table轉(zhuǎn)換為Json,需要的朋友可以參考下
2014-05-05
jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無(wú)縫滾動(dòng)切換特效
這篇文章主要介紹了jQuery插件Elastislide實(shí)現(xiàn)響應(yīng)式的焦點(diǎn)圖無(wú)縫滾動(dòng)切換特效,效果非常的棒，而且兼容性也很好，推薦給小伙伴們
2015-04-04
通過(guò)jquery實(shí)現(xiàn)tab標(biāo)簽瀏覽效果
這篇文章主要介紹了通過(guò)jquery實(shí)現(xiàn)tab標(biāo)簽瀏覽效果
2007-02-02
jQuery帶箭頭提示框tooltips插件集錦
這里給大家推薦幾款比較好用實(shí)用易用的jQuery帶箭頭提示框tooltips插件，兼容性都很不錯(cuò)，大家根據(jù)需要自由選擇吧
2014-11-11
jQuery知識(shí)點(diǎn)整理
這篇文章主要介紹了jQuery知識(shí)點(diǎn)整理的相關(guān)資料,需要的朋友可以參考下
2015-01-01
jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析
這篇文章主要介紹了jQuery之DOM對(duì)象和jQuery對(duì)象的轉(zhuǎn)換與區(qū)別分析,對(duì)比分析了DOM對(duì)象和jQuery對(duì)象的原理與用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01