jQueryのLavaLampプラグインを利用したラバランプ型メニュー

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのLavaLampプラグインを利用してラバランプ型メニューを表示します。マウスを「サイトマップ」上に移動してクリックすると当サイトのホームページが表示されます。

このサンプルは、jQueryのLavaLampプラグインを利用してラバランプ型メニューを表示します。マウスを「サイトマップ」上に移動してクリックすると当サイトのホームページが表示されます。

このサンプルで使用しているイメージです。イメージを右クリックしてダウンロードしてください。

bg.gif lava.gif 

    $(function() {   
      $("#lavaLamp").lavaLamp({   
        fx: "backout",   
        speed: 700,   
        click: function(event, menuItem) {   
          return false;   
        }   
      });   
    });