Question

我写了以下链接：

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

此div上的显示设置为none。我使用了jsfiddle和fade在那里工作，但我无法在我的网站上使用它。

谢谢。

Answer 1

确实有问题的嵌套引号。您应该在onmouseover属性值中使用单引号，这样就不会过早关闭onmouseover代码：

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

另外，如上所述，document.getElementById不是jQuery。

Answer 2

我建议使用jQuery＆＃39; 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>

Fiddle with it here

从onmouseover激活命令

2 个答案: