treeview根节点无法展开了怎么办(我就是添加了一些js展开就不行了,代码展开折叠也不行了,为什么?
给你一个用jquery写的吧,效果图大致这样:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#tree_menu{
}
ul{
list-style-type:none;
padding:0px;
}
#tree_menu ul li{
cursor:pointer;
}
ul li ul{
display:none;
list-style-type:none;
padding:0px 0px 0px 10px;
}
</style>
<script src="jquery-1.4.2.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(function(){
$("ul li").each(function(){
if($(this).children("ul").length==0){
$(this).css("padding-left","8px");
}else{
$(this).prepend("<img src='upbtn.gif' width='8' style='padding-bottom:1px'/>");
}
});
$("#tree_menu ul li").toggle(function(){
$(this).children("img").attr("src","downbtn.gif");
$(this).children("ul").slideDown(100);
},function(){
$(this).children("img").attr("src","upbtn.gif");
$(this).children("ul").slideUp(100);
});
})
</script>
</head>
<body>
<div id="tree_menu">
<ul>
<li>
本地磁盘C
<ul>
<li>file1
<ul>
<li>file1
<ul>
<li>file1
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file2
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>file3
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
<li>
file4
<ul>
<li>file1</li>
<li>file2</li>
<li>file3</li>
<li>file4</li>
</ul>
</li>
</ul>
</li>
<li>
本地磁盘D<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
本地磁盘E<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
本地磁盘F<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
<li>
移动磁盘G<ul><li>file1</li><li>file2</li><li>file3</li><li>file4</li></ul>
</li>
</ul>
</div>
</body>
</html>