用jQuery兑现Tree _Web前端

用jQuery实现Tree

今天用jquery写了一个tree比较简单，所以共享一下。呵呵

<script type="text/javascript" src="lib/jquery/jquery.js">
    </script>
	
	<script language=javascript>
		
		$(function(){
			
			$("li:has(ul)").click(function(e){
				if(e.target==this){
					
					
						$(this).children().toggle();//菜单变换
						
					
				}
				return false;
				
			}).css("cursor","pointer").click();
			
			$("li:not(:has(ul))").css({"cursor":"default","list-style":"none"});
			
		});
		
		
	</script>
	<body>
		
		<ul>
			
			<li>one</li>
						<li>one</li>
									<li>one</li>
									<ul>
										<li>one</li>
										
										<li>one</li>
									</ul>
									<ul>
										<li>one</li>
										
										<li>one</li>
									</ul>
		</ul>
	</body>
</html>

1 楼 bevis.cn 2009-11-19

能不能弄个图片，共享一下，让大家都看得到效果