日期:2014-05-16 浏览次数:20403 次
<!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> <title>jquery无限级下拉菜单</title> <link href="http://www.cnkanke.com/html/webdesign/wangluozhishi/css/kendy.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.js"></script> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.accordion.js"></script> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/tab.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#left ul").accordion({ alwaysOpen: false, autoheight: false, selectedClass:"drop_up", navigation: true, active: ".ons", header:"h3" }) }) </script> </head> <body> <div class="main"> <div class="left"> <div class="bd" style="border-bottom:none;"> <div id="left"> <ul> <li class="ltbg"> <h3><span class="b14">一级菜单1</span></h3> <div class="btbd"> <p>第二级1</p> <p>第二级2</p> <ul> <li> <h3>第二级3</h3> <div> <p>第三级</p> <p>第三级</p> <p>第三级</p> </div> </li> </ul> <p>第二级4</p> </div> </li> <li class="ltbg"> <h3><span class="b14">一级菜单2</span></h3> <div class="btbd"> <p>第二级1</p> <ul> <li> <h3>第二级2</h3> <div> <p>第二级1</p> <p>第二级1</p> <p>第二级1</p> </div> </li> </ul> <p>第二级1</p> <ul> <li> <h3>第二级4</h3> <div> <p>第二级1</p> <p>第二级1</p> <ul> <li> <h3>第三级</h3> <div> <p>第二级1</p> <ul> <li> <h3>第四级</h3> <div> <p><a href="jqueryMenu.html">第五级第五级第五</a></p> <p>第五级</p> <p>第五级</p> </div> </li> </ul> <p>第四级</p> </div> </li> </ul> <p>第三级</p> </div> </li> </ul> </div> </li> <li class="ltbg"> <h3><sp