本文实例讲述了js实现无限级树形导航列表效果代码。分享给大家供大家参考。具体如下:
这是一款js实现无限级树形下拉导航菜单,简洁实用,用到一个已封装好的JS类,有用的大家借鉴一下。
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-unlimit-tree-style-nav-list-codes/
具体代码如下:
*{ margin:0; padding:0; list-style:none;} body { margin:20px;} h2 { font-family:"黑体"; font-size:24px; text-align:center; line-height:32px;} h5 { font-size:12px; text-align:center; font-weight:normal; color:#666; line-height:28px;} #nav a { text-decoration:underline;color:#06c; font-size:14px; line-height:24px;} #nav ul{ margin-bottom:5px;} #nav strong{ color:#696;} #nav.dyn li ul{ display:none;} #nav.dyn li ul.show{ display:block;} #nav.dyn li{ padding-left:15px;} #nav.dyn li.parent{ background:url(images/user_23.gif) 5px 10px no-repeat;} #nav.dyn li.open{ background:url(images/user_23.gif) 5px -34px no-repeat;} js实现无限级树形导航列表
希望本文所述对大家的Javascript程序设计有所帮助。



