JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」
2008年07月09日
スポンサード リンク
Dynamic Drive DHTML Scripts- Simple Tree Menu
This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree!
JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」。
次のようなHTMLがあったとすると、
<ul id="treemenu2" class="treeview">
<li>Item 1</li>
<li>Folder 1
<ul>
<li>Sub Item 1.1</li>
<li>Folder 1.1
<ul rel="open">
<li>Sub Item 1.1.1</li>
<li>Sub Item 1.1.2</li>
<li>Folder 1.1.1
<ul>
<li>Sub item 1.1.1.1</li>
<li>Sub item 1.1.1.2</li>
<li>Sub item 1.1.1.3</li>
<li>Sub item 1.1.1.4</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Item 2</li>
</ul>
次のようになる。
もちろん、折りたたみ可能。画像を変えるだけで独自フォルダにもなります。
これは非常に使えそうですね。
関連エントリ
スポンサード リンク
投稿者 KJ : 2008年07月09日 10:05
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- プロフェッショナルなノートパソコンの広告風画像を作る流れ
- 歯車や雲、人型など実用的なPhotoshopブラシ集
- 2008年8月28日 管理人のブックマーク
- オープンソースの便利PHPスクリプトまとめサイト「Open Source PHP」
- 表示法が新しくセクシーなLightBox「SexyLightBox」
- 背景画像やテクスチャ画像のリソース13サイト
- 2008年8月27日 管理人のブックマーク
- Ajaxベースのクールなショッピングカート作成
- WEBで好きな曲を共有可能な音楽共有オープンソース「Opentape」
- インパクトのあるポスター画像を作るPhotoshopチュートリアル集
- 2008年8月26日 管理人のブックマーク


















