以前自己做了選單結構,在做網頁開發的時候經常會用到,所以收藏一下,對自己有用
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...