如果我要这样做,这个jQuery有什么问题:
将鼠标悬停在#menu
(整个内容)上,然后所有其他菜单选项将显示在其下方。这些选择是.menubox
,但是我将它们与.menuboxSuperior
分别分组为#others
。始终显示(菜单)的顶部框称为.menuboxSuperior.
另外,当我将鼠标悬停在整个对象(#menu
)上时,我希望不透明度在200ms内从0.4增加到0.9。
这些都不对我有用。
我该怎么办?
jQuery的:
$(document).ready(function(){
$('.menubox').hide();
$('#menu').mouseenter(function(){
$(this).fadeTo(200 0.9);
});
$('#menu').mouseleave(function(){
$(this).fadeTo(200 0.4);
});
$('#menu').mouseenter(function(){
$('#others').show();
});
$('#menu').mouseleave(function(){
$('#others').hide();
});
});
非常感谢你!
最佳答案
您缺少逗号
$(this).fadeTo(200 0.9);
$(this).fadeTo(200 0.4);
应该
$(this).fadeTo(200, 0.9);
$(this).fadeTo(200, 0.4);
大多数现代的浏览器都具有带有控制台的开发人员工具,该控制台将显示诸如此类的简单错误-在这种情况下,firefox显示
SyntaxError: missing ) after argument list
,并准确显示代码中哪一行有误。如果要开发,请使用开发人员工具关于javascript - 如何将鼠标悬停在菜单按钮上,然后出现选择内容?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33585537/