这个例子可以利用php目录遍历出来的目录或文件进行一个树型的展示效果,程序代码,index.php 里面的jquery文件大家可百度下载一个,因为这是用来实现一个效果的:
index.php:
<script src="jquery/jquery-1.3.1.js" type="text/javascript"></script>
<style type="text/css">
body
{font: normal 12px arial, tahoma, helvetica, sans-serif;margin:0;background:#fff;padding:30px;}
*{ margin:0; padding:0;}
ul{ visibility:visible; cursor:pointer;}
.simpleTree li{font-size:14px; list-style: none;margin:0 0 0 50px;padding:0 0 0 34px;line-height: 18px;margin-left:-13px;background: url(jquery/images/expandable.gif) 0 -2px no-repeat #fff;}
.simpleTree li span{display:inline;clear: left;white-space: nowrap;}
li.root{padding:0 0 0 20px;line-height:20px;background: url(jquery/images/root.gif) 0 2px no-repeat #fff;}
li.file{padding:0 0 0 35px;line-height:20px;background: url(jquery/images/leaf-last.gif) 0 2px no-repeat #fff;}
</style>
<script type="text/javascript">
$(function(){
$(".simpleTree").children("li").find("ul").hide();
$("span").click(function(){
var $this_ul=$(this).siblings("ul");
if($this_ul.is(":visible")){
$this_ul.stop(false,true).hide();
}else{
$(this).siblings("ul").stop(false,true).show().end().stop(false,true).siblings("ul").find("ul").hide();
}
})
})
</script>
<?php
include("function.php");
$path="目录/";//目录名
echo "<ul class='simpleTree'><li class='root'><span>目录</span>"; //目录名,和path 中名称一样
list_dir($path);
echo "</ul></li>";
?>
function.php 这个文件包含了遍历目录的函数了,代码如下:
<?php
/*输出当前目录下的所有文件数量*/
function files_count($path, & $i=0){
if($opendir=opendir($path)){
//===============
while($file=readdir($opendir) ){
if($file!="."&&$file!=".."){
if(is_file($path."/".$file)){
$i++;
;
}else{
files_count($path."/".$file, $i);
}
}
}
//=============
return "(".$i.")";
}
}
//echo files_count("目录/目录1/3/");
//=============================//
/*遍历目录*/
function list_dir($path){
if($opendir=opendir($path)){
}
echo "<ul>";
while($file=readdir($opendir)){
if($file!="."&&$file!=".."){
if(is_dir($path."/".$file)){
$bar=scandir($path."/".$file);
unset($bar[0]);
unset($bar[1]);
if(count($bar!==0)){
echo "<li><span>".$file.files_count($path."/".$file)."</span>";
list_dir($path."/".$file);
}
}else{
echo "<li class='file'><a href='".$path."/".$file."'>".$file."</a></li>";
}
}
}
echo "</ul></li>";
}
?>
大型站长资讯类网站! https://www.0818zz.com