<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="http://www.songlecn.com/wp-content/supload/2009/02/03/sdmenu/sdmenu.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/02/03/sdmenu/sdmenu.js"> /*********************************************** * Slashdot Menu script- By DimX * Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script><script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); }; // ]]> </script><form style="font-size: 0.8em; font-family: sans-serif" onsubmit="return false" action="#"><fieldset><legend>参数设置</legend><label for="speed">速度 (1-5):</label> <input id="speed" onchange="myMenu.speed = parseInt(this.value)" size="size" />&#160;&#160;&#160;&#160; <label for="oneSmOnly">同时只可展开一个菜单:</label> <select id="oneSmOnly" onchange="myMenu.oneSmOnly = this.selectedIndex"><option>false</option><option>true</option></select>&#160;&#160;&#160;&#160; <select name="smNr"><option>1</option><option>2</option><option>3</option><option>4</option></select> <input onclick="myMenu.expandMenu(myMenu.submenus[smNr.selectedIndex])" type="button" value="展开"/> <input onclick="myMenu.collapseMenu(myMenu.submenus[smNr.selectedIndex])" type="button" value="闭合"/> <input onclick="myMenu.toggleMenu(myMenu.submenus[smNr.selectedIndex])" type="button" value="展开/闭合"/>&#160;&#160;&#160;&#160; <input onclick="myMenu.expandAll()" type="button" value="展开所有"/> <input onclick="myMenu.collapseAll()" type="button" value="闭合所有"/> </fieldset> </form> <div class="sdmenu" id="my_menu" style="float: left"> <div class="collapsed"><span>Online Tools</span> <a href="http://www.songlecn.com/">Image Optimizer</a> <a href="http://www.songlecn.com/">FavIcon Generator</a> <a href="http://www.songlecn.com/">Email Riddler</a> <a href="http://www.songlecn.com/">htaccess Password</a> <a href="http://www.songlecn.com/">Gradient Image</a> <a href="http://www.songlecn.com/">Button Maker</a> </div> <div class=""><span>Support Us</span> <a href="http://www.songlecn.com/">Recommend Us</a> <a href="http://www.songlecn.com/">Link to Us</a> <a href="http://www.songlecn.com/">Web Resources</a> </div> <div class="collapsed"><span>Partners</span> <a href="http://www.songlecn.com/">JavaScript Kit</a> <a href="http://www.songlecn.com/">CSS Drive</a> <a href="http://www.songlecn.com/">CodingForums</a> <a href="http://www.songlecn.com/">CSS Examples</a> </div> <div class=""><span>Test Current</span> <a href="http://www.songlecn.com/">Current or not</a> <a href="http://www.songlecn.com/">Current or not</a> <a href="http://www.songlecn.com/">Current or not</a> <a href="http://www.songlecn.com/">Current or not</a> </div> </div> <div style="padding-left: 200px"> <pre>var myMenu = new SDMenu(&quot;main_menu&quot;); // 菜单元素ID // Default values... myMenu.speed = 3; // 菜单展开速度 myMenu.remember = true; // 是否在cookie中储存当前展开菜单状态 myMenu.oneSmOnly = false; // 是否同时只可以展开一个菜单 myMenu.markCurrent = true; // Mark current link / page (link.href == location.href) myMenu.init(); // Additional methods... var firstSubmenu = myMenu.submenus[0]; myMenu.expandMenu(firstSubmenu); // 展开一个菜单 myMenu.collapseMenu(firstSubmenu); // 闭合一个菜单 myMenu.toggleMenu(firstSubmenu); // 展开/闭合一个菜单 myMenu.expandAll(); // 展开所有 myMenu.collapseAll(); // 闭合所有 </pre> </div>

提示：你可以先修改部分代码再运行。