マウスオーバーで表示されるメニュー

jQueryで、マウスを重ねるとメニューが表示されるJavaScriptです。

↓以下が実際のソースサンプルです。

▼JavaScript

$(function () {
  $("#nav").hover(
    function () {
      $(this).stop().animate({
        "left": "-10px"
      }, 300);
    },
    function () {
      $(this).stop().animate({
        "left": "-70px"
      }, 300)
    }
  )
});

▼CSS


▼HTML


今回、参考にさせていただいたのは、
『Kyasper Web Design』さんです。
ありがとうございます。

デモページは、こちら