TAGS: jbar | HTML | ドロップダウン | dropdown | メニュー | jQuery | プラグイン | MIT
jbarはjQueryベースのプラグインで、HTMLの<ul>要素をドロップダウンメニューを変更(生成)することが出来ます。

動作環境


◇ 言語:Javascript(jQuery)
◇ ライセンス:MIT



使い方例:


<link href="jbar.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.jbar.js" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(function(){
    jQuery('.jbar').jbar();    //メニュー初期化
  });
</script>

<!-- メニュー・コンテナー --> <ul class="jbar">   <!-- メニュー定義 -->   <li>     <a href="#">Actions</a>     <!-- サブメニュー定義 -->     <ul>       <li><a href="http://github.com/javan/jbar">Fork me on github</a></li>       <li><a href="http://github.com/javan/jbar/zipball/master">Download .zip</a></li>       <li><a href="http://github.com/javan/jbar/tarball/master">Download .tar.gz</a></li>     </ul>   </li>

  <!-- メニュー定義 -->   <li>     <a href="http://github.com/javan/jbar">Fork me on github</a>   </li>

</ul>



参考資料


jbar - github.com

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation