iHwy jQuery ListMenu Plugin


Description: メガメニューの一種ですが、リンク集やキーワード集、FAQなどにも使えそうです。項目にマウスを乗せるだけでコンテンツが切り替わってくれます。それぞれの項目にはリスト数が表示されます。
Sample: demo
Tutorial: iHwy jQuery ListMenu Plugin
License: MIT & GPL ライセンス

Note

 <script type="text/javascript">
    $(function(){
      $('#myList').listmenu({
        includeNums: false,
        includeOther: true,
        flagDisabled: false,
        noMatchText: 'No items under this letter',
        showCounts: false,
        menuWidth: 825,
        cols:{
          count: 5,
          gutter: 15
        },
        onClick:function($target){
         if($target.is('a')){
          alert($target.text() + ' was clicked');
         }
        }
      });
    });
  </script>

リストのオプションなどを設定。

Related snippet :

  • Description: 写真をランダム表示します。光のエフェクトでインパクトを与えてくれそうですね。デモでは、スタッフの写真をTOP絵に使う、というものですが、この方法は割 ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: 多機能なスライドプラグインです。IE6は非対応ですが、YoutubeやVimeoのような動画メディアや、ツールチップ付きの画像も入れることが可能です ...
  • Description: 汎用性の高いギャラリーです。様々なエフェクトが用意されており、クロスブラウザで動作。複数置くことも可能です。オプションでスピード等の調整も可能。汎用 ...
  • Description: 多くの形に対応できる高機能コンテンツスライダープラグインです。テキストなどや画像ギャラリー、上記画像のようなサムネイルギャラリーなども構築可能。表示 ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: クロスブラウザに対応したシンプルで使い勝手の良いギャラリー系プラグインです。マークアップもシンプルで導入も手軽に行えます。 Sample: ...