这个例子可以利用php目录遍历出来的目录或文件进行一个树型的展示效果,程序代码,index.php 里面的jquery文件大家可百度下载一个,因为这是用来实现一个效果的:

index.php:

1. <script src="jquery/jquery-1.3.1.js" type="text/javascript"></script> 
2. <style type="text/css"> 
3. body 
4. {font: normal 12px arial, tahoma, helvetica, sans-serif;margin:0;background:#fff;padding:30px;} 
5. *{ margin:0; padding:0;} 
6. ul{ visibility:visible; cursor:pointer;} 
7. .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;} 
8. .simpleTree li span{display:inline;clear: left;white-space: nowrap;} 
9. li.root{padding:0 0 0 20px;line-height:20px;background: url(jquery/images/root.gif) 0 2px no-repeat #fff;} 
10. li.file{padding:0 0 0 35px;line-height:20px;background: url(jquery/images/leaf-last.gif) 0 2px no-repeat #fff;} 
11. </style> 
12. <script type="text/javascript"> 
13. $(function(){ 
14.  $(".simpleTree").children("li").find("ul").hide(); 
15. $("span").click(function(){ 
16.  var $this_ul=$(this).siblings("ul"); 
17.  if($this_ul.is(":visible")){ 
18. $this_ul.stop(false,true).hide(); 
19.  }else{ 
20. $(this).siblings("ul").stop(false,true).show().end().stop(false,true).siblings("ul").find("ul").hide(); 
21.  } 
22. }) 
23.  
24. }) 
25. </script> 
26. <?php 
27. include("function.php"); 
28. $path="目录/";//目录名 
29. echo "<ul class='simpleTree'><li class='root'><span>目录</span>"; //目录名，和path 中名称一样 
30. list_dir($path); 
31. echo "</ul></li>"; 
32. ?> 

function.php 这个文件包含了遍历目录的函数了,代码如下:

1. <?php 
2. /*输出当前目录下的所有文件数量*/ 
3. function files_count($path,  & $i=0){ 
4. if($opendir=opendir($path)){ 
5. //=============== 
6. while($file=readdir($opendir) ){ 
7. if($file!="."&&$file!=".."){ 
8.  if(is_file($path."/".$file)){ 
9.   $i++; 
10.  ; 
11.  }else{ 
12.   files_count($path."/".$file, $i); 
13.  } 
14.  } 
15. } 
16. //============= 
17. return  "(".$i.")"; 
18. } 
19. } 
20. //echo files_count("目录/目录1/3/"); 
21. //=============================// 
22. /*遍历目录*/ 
23. function list_dir($path){ 
24. if($opendir=opendir($path)){ 
25.  
26. } 
27. echo "<ul>"; 
28. while($file=readdir($opendir)){ 
29.  if($file!="."&&$file!=".."){ 
30.   if(is_dir($path."/".$file)){ 
31.  
32. $bar=scandir($path."/".$file); 
33. unset($bar[0]); 
34. unset($bar[1]); 
35. if(count($bar!==0)){ 
36.  echo "<li><span>".$file.files_count($path."/".$file)."</span>"; 
37.  list_dir($path."/".$file); 
38. } 
39.  
40.   }else{ 
41.    echo "<li class='file'><a  href='".$path."/".$file."'>".$file."</a></li>"; 
42.   } 
43.   } 
44.  } 
45. echo "</ul></li>"; 
46. } 
47. ?> 

Tags: php+jquery 无限级目录遍历

分享到：