jquery.fileTre

最新推荐文章于 2024-06-03 10:05:41 发布

superhuo

最新推荐文章于 2024-06-03 10:05:41 发布

阅读量89

点赞数

分类专栏： jQuery 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/superhuo/article/details/84003500

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>File Tree</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
BODY,HTML {
	padding: 0px;
	margin: 0px;
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #EEE;
	padding: 15px;
}

H1 {
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
}

H2 {
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

.example {
	float: left;
	margin: 15px;
}

.demo {
	width: 500px;
	height: 500px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}

P.note {
	color: #999;
	clear: both;
}
</style>


<script src="jquery.js" type="text/javascript"></script>

<script src="jqueryFileTree.js" type="text/javascript"></script>
<link href="jqueryFileTree.css" rel="stylesheet" type="text/css"
	media="screen" />

<script type="text/javascript">
			
			$(document).ready( function() {
				
				$('#fileTreeDemo_1').fileTree({ root: 'c:/TEMPLATE/', script: 'jqueryFileTree.php' }, function(file) { 
				alert(file);
				});
				

				
			});
		</script>

</head>

<body>




<div class="example">

<div id="fileTreeDemo_1" class="demo"></div>
</div>


</body>

</html>

superhuo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery.fileTre

http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/ &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;&lt;html xmlns="http://...
复制链接

扫一扫