读书人

Jquery制作树形菜单解决办法

发布时间: 2012-03-08 13:30:13 作者: rapoo

Jquery制作树形菜单
html代码如下:
当点tree_folder4.gif这个图像的时候他下面一个ul的属性就是display:none

HTML code
 <ul>                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif" /><a href="#">软件1</a></li>                  <ul>                    <li><a href="#">管理通1</a></li>                    <li><a href="#">管理通1</a></li>                  </ul>                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif" /><a href="#">竞驰软件</a></li>                  <ul>                   <li><a href="#">管理通2</a></li>                   <li><a href="#">管理通2</a></li>                  </ul>               </ul>


[解决办法]
jquery的treeview插件很多 你到jquery.com里找下吧。看哪个合适呢
[解决办法]
JScript code
$(document).ready(function(){    $(".pe_u_thumb_list").children("img").toggle(function(){        $(this).parent().next("ul").hide();    },function(){        $(this).parent().next("ul").show();    });}); 

读书人网 >JavaScript

热点推荐