基本信息
源码名称：H5 树形导航(treeview)示例源码
源码大小：0.04M
文件格式：.zip
开发语言：CSS
更新时间：2018-02-28
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 1 元　
   源码介绍
很厉害的树状H5

<!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=utf-8" />
<title>jquery分类树形菜单插件代码 - 站长素材</title>

<link rel="stylesheet" type="text/css" href="css/SimpleTree.css"/>

<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/SimpleTree.js"></script>
<script type="text/javascript">
$(function(){

	$(".st_tree").SimpleTree({
	
		/* 可无视代码部分*/
		click:function(a){
			if(!$(a).attr("hasChild"))
				alert($(a).attr("ref"));
		}
		
	});
	
});
</script>

</head>
<body>



<div class="st_tree" style="width:400px;margin:0 auto;">

	
	<ul>
		<li><a href="#" ref="hyjm">选择目录</a></li>
		<li><a href="#" ref="xtgl">北京国家电网</a></li>
		<ul show="true">
			<li><a href="#" ref="fhgl">城区供电公司</a></li>
			<ul>
				<li><a href="#" ref="fhgl">城区客户服务中心</a></li>
				<ul>
					<li><a href="#" ref="yhgl">新年大事件49.mp4</a></li>
					<li><a href="#" ref="日志查看">50大结局.mp4</a></li>
				</ul>
			</ul>
			<li><a href="#" ref="fhgl">石景山供电公司</a></li>
			<ul>
				<li><a href="#" ref="fhgl">石景山客户服务中心</a></li>
				<ul>
					<li><a href="#" ref="yhgl">新年大事件49.mp4</a></li>
					<li><a href="#" ref="日志查看">50大结局.mp4</a></li>
				</ul>
				<li><a href="#" ref="fhgl">五里坨供电所</a></li>
				<ul>
					<li><a href="#" ref="yhgl">新年大事件49.mp4</a></li>
					<li><a href="#" ref="日志查看">50大结局.mp4</a></li>
				</ul>
			</ul>
		</ul>
		
	</ul>
	
</div>
</body>
</html>