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

taka_oj
|
2017年10月10日
| コメントはまだありません
| JavaScript

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』さんです。
ありがとうございます。

デモページは、こちら

JavaScript