jQuery做的橫向選單和豎向的選單

2021-08-31 06:18:40 字數 690 閱讀 2753

以前自己做了選單結構,在做網頁開發的時候經常會用到,所以收藏一下,對自己有用

html頁面:

選單項2

選單項3

選單項2

選單項3

jquery**:

$(document).ready(function()else*/

//一種方法

"fast");//slow normal fast顯示

隱藏//一種方法

自動的判斷資料的存在或不存在,然後顯示,隱藏

//一種方法

也可以加引數slow normal fast

//最好的方式

ulnode.slidetoggle();

changeicon($(this));

});$(".hmain").hover(function(),function());

});/**

* 修改主選單的指示圖示

* */

function changeicon(mainnode)else}}

css處理:

ul,li

ul.main,.hmain

.main li,.hmain li

a.main a,.hmain a

.main li a,.hmain li a

.main ul,.hmain ul

.hmain

ul li css 做橫向選單

第一步 建立乙個無序列表 我們先建立乙個無序列表,來建立選單的結構。是 第二步 隱藏li的預設樣式 因為看起來不是很好看,選單通常都不需要li預設的圓點,我們給ul定義乙個樣式來消除這些圓點。當然,為了更好的控制整個選單,我們把選單放在乙個div裡。頁面 變成 css定義為 test ul 說明 t...

利用jQuery做的導航條選單

html divid content div divid menu bar dlclass menu dt span 檔案管理 span dt ddclass menuitem ahref class menu href 開啟檔案 a dd ddclass menuitem ahref class ...

select 的jquery 選單聯動

修改自 給filloptions 也附加了 endfn 引數 if typeof endfn function endfn 解決ie瀏覽器的重新整理 selected的不起作用 http support.microsoft.com kb 185123 zh cn if browser.msie se...