编程之家 jb51.cc 这一篇主要讲可折叠的自动伸缩下拉菜单。可折叠的自动伸缩下拉菜单适合于最多到二级菜单、菜单数量较多且页面要求比较精致的网站，打开一个菜单的同时另一个菜单就会自动缩回去。
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html xmlns=http://www.w3.org/1999/xhtml><head><<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv=Content-Type content=text/html; charset=gb2312 /><title>JavaScript 打造可折叠的伸缩<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a> - LIEHUO.NET</title><script src="http://www.wfuyu.com/uploads/soft/upadmin/zhediecaidan/sdmenu.js" type="text/javascript"></script><link href=http://www.wfuyu.com/uploads/soft/upadmin/zhediecaidan/css.css rel=stylesheet type=text/css /></head><body><div align=center><div id=my_menu class=sdmenu><div><span>一级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></span><a href=HTTP://www.wfuyu.com _fcksavedurl=HTTP://www.wfuyu.com>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a></div><div><span>一级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></span><a href=HTTP://www.wfuyu.com _fcksavedurl=HTTP://www.wfuyu.com>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a></div><div><span>一级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></span><a href=HTTP://www.wfuyu.com _fcksavedurl=HTTP://www.wfuyu.com>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a></div><div><span>一级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></span><a href=HTTP://www.wfuyu.com _fcksavedurl=HTTP://www.wfuyu.com>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a><a href=# _fcksavedurl=#>二级<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></a></div></div></div></body></html><script type="text/javascript"> // <![CDATA[ var myMenu; window.onload = function() { myMenu = new SDMenu("my_menu"); myMenu.init(); var firstSubmenu = myMenu.submenus[0];myMenu.expandMenu(firstSubmenu); }; // ]]> </script>提示：可修改后代码再运行!
