前の記事 ≪:URLを入力するだけでRSSフィードをページに簡単に貼り付けられるツール
次の記事 ≫:PHPのフレームワーク『Ethna』徹底解説サイト

CSSベースの階層メニュー作成ライブラリ

2006年08月10日-はてなブックマーク

スポンサード リンク
Dynamic Drive CSS Library- SuckerTree Menu (v)
This is a vertical, predominantly CSS based (with a touch of JavaScript) multi-level menu. It supports as many sub levels as you desire, plus multiple Suckertree menus on the same page. The CSS and JavaScript automatically adopts to your HTML code in each case.

CSSベースの階層メニュー作成ライブラリ。



CSSとJavaScriptを定義して読み込んでおけば、ulとliを組み合わせたHTMLタグで階層メニューを作成できます。

HTMLの例)

<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>
</ul>
</div>

<ul id="〜">のid属性部分を元に階層メニューをJavaScript側で自動設定しているようです。

スポンサード リンク

By.KJ : 2006年08月10日 11:59 | ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメールでお願いします(クリック)