0

次のリンクを書きました。

<li><a href="#" onmouseover="$("#Layover_1").hide().fadeIn("slow");"
    onmouseout="document.getElementById('#Layover_1').hide()">Layover </a></li>

この div の表示は none に設定されています。私はjsfiddleを使用し、フェードはオンロードで動作しますが、私のサイトでは同じように動作させることはできません.

ありがとうございました。

4

2 に答える 2

2

確かに問題のあるネストされた引用符。コードonmouseoverを途中で閉じないように、属性値に一重引用符を使用する必要があります。onmouseover

<li><a href="#" onmouseover="$('#Layover_1').hide().fadeIn('slow');"
onmouseout="$('#Layover_1').hide()">Layover </a></li>

また、前述のとおり、document.getElementByIdjQuery ではありません。

于 2013-02-01T22:32:21.643 に答える
0

jQuery のhover()を使用することをお勧めします。

$('a#the_link').hover(
    function() { $("#Layover_1").stop(true,true).fadeIn("slow"); },
    function() { $("#Layover_1").stop(true,true).hide(); }
);

<li><a href="#" id="the_link">Layover</a></li>

ここでそれをいじる

于 2013-02-01T22:35:39.790 に答える