Sitemap Styler-生成树形站点地图

发布于，归属于javascript。 沙发还空着，抢！ 共有141人围观    

sitemapstyler

点此下载

建立如下的html结构

  1. <ul id="sitemap">
  2.   <li><a href="#">First link</a>
  3.   <ul>
  4.     <li><a href="#">First link</a>
  5.     <ul>
  6.       <li><a href="#">First link</a></li>
  7.       <li><a href="#">Second link</a></li>
  8.       <li><a href="#">Third link</a></li>
  9.       <li><a href="#">Fourth link</a></li>
  10.       <li><a href="#">Fifth link</a></li>
  11.     </ul> 
  12.     </li>
  13.   </ul>
  14.   </li> 
  15. </ul>

这结构非常像树形，ul与li的互相嵌套，实际结构并不复杂，对照下示例就可得出规律。

引入css与js文件

  1. <link href="sitemapstyler/sitemapstyler.css" rel="stylesheet" type="text/css" media="screen" />
  2. <script type="text/javascript" src="sitemapstyler/sitemapstyler.js"></script>
（如果您喜欢这篇教程，可以通过支付宝打赏我们1元哦，拜谢！）

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

同类