JQuery网页下拉菜单效果

来源：互联网发布：魔幻手机太子软件编辑：程序博客网时间：2024/05/18 02:44

效果如下：

（图一）

（图二）

主要代码：

<mce:script src="jquery-1.4.3.js" mce_src="jquery-1.4.3.js"></mce:script><mce:script language="javascript"></mce:script></head><body><div id="menu"> <ul > <li id="list1">menu1 <ul id="m1"> <li >1.0</li> <li>1.1</li> <li>1.2</li> </ul> </li> </ul> <ul > <li id="list2">menu2 <ul id="m2"> <li><a href="#" mce_href="#">2.0</a></li> <li>2.1</li> <li>2.2</li> <li>2.3</li> </ul> </li> </ul> <ul > <li id="list3">menu3 <ul id="m3"> <li>3.0</li> <li>3.1</li> <li>3.2</li> <li>3.3</li> <li>3.4</li> </ul> </li> </ul> <ul > <li id="list4">menu4 <ul id="m4"> <li>4.0</li> <li>4.1</li> <li>4.2</li> </ul> </li> </ul> <ul > <li id="list5">menu5 <ul id="m5"> <li>5.0</li> <li>5.1</li> <li>5.2</li> </ul> </li> </ul></div> <div>This is a test example!</div></body>