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

2017/12122017/1212 admin コーディング

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

便利な方法を紹介します。

この方法を使えば、指定した場所にホバーすると、特定の要素を表示させることができます。

<ul id=”sub_nav”>

<li>ナビ１</li>

<li>ナビ２</li>

<li>ナビ３</li>

</ul>

$(function() {

$(‘sub_nav’).hover(function() {

ホバー時の動作

$(this).css(‘display’, ‘block’);

}, function() {

ホバー解除の動作

$(this).css(‘display’, ‘none’);

});

});

admin

cl0606

コメントを残すコメントをキャンセル