我写了以下链接:
<li><a href="#" onmouseover="$("#Layover_1").hide().fadeIn("slow");"
onmouseout="document.getElementById('#Layover_1').hide()">Layover </a></li>
此div上的显示设置为none。我使用了jsfiddle和fade在那里工作,但我无法在我的网站上使用它。
谢谢。
答案 0 :(得分:2)
确实有问题的嵌套引号。您应该在onmouseover
属性值中使用单引号,这样就不会过早关闭onmouseover
代码:
<li><a href="#" onmouseover="$('#Layover_1').hide().fadeIn('slow');"
onmouseout="$('#Layover_1').hide()">Layover </a></li>
另外,如上所述,document.getElementById
不是jQuery。
答案 1 :(得分:0)
我建议使用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>