クリエイター:コーディング備忘録ブログ

コーディング

ホバー時の動作を指定する

グローバルナビゲーションのホバー時に、サブナビゲーションを表示させたりなど、

便利な方法を紹介します。
この方法を使えば、指定した場所にホバーすると、特定の要素を表示させることができます。
<ul id=”sub_nav”>
    <li>ナビ1</li>
    <li>ナビ2</li>
    <li>ナビ3</li>
</ul>
$(function() {
  $(‘sub_nav’).hover(function() {
    ホバー時の動作
    $(this).css(‘display’, ‘block’);
  }, function() {
    ホバー解除の動作
    $(this).css(‘display’, ‘none’);
  });
});

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP