JQuery之橫向下拉列表

html中，通過

選單項2

選單項3

最外圍的中元素即為選單項1、選單項2、選單項3，下拉列表分別在各主選單之下，如果選單最外層為ul，一層每個主選單放在乙個li中，如果有子選單，在這個主選單的li中建立新的ul，再依次巢狀即可構建多層的選單。

css中

ul,li ul.hmainlia .hmain a .hmain li a .hmain ul .hmain

html中引用js檔案jquery.js和menu.js,其中menu.js如下：

$(document).ready(function());
$(".hmain").hover(function(),function());
});/*
*修改主選單的指示圖示
*/ function changeicon(mainnode)else}}

這樣絢麗的下拉列表就完成了。實現很簡單，不過裡面的小知識點很零碎。例如：.main a和.main>a的不同之處，前者選擇使用.main的這個class的元素內容所有的a節點，後者只選擇.main的子節點中的a節點。

這樣的例子應用性很強，在**中使用讓介面顯得更加的美觀，例子才看3個，抓緊時間繼續看...