不透明度悬停的jquery列表元素。

不透明度悬停的jquery列表元素。,jquery,menu,opacity,Jquery,Menu,Opacity,我正在尝试构建一个包含图像的简单菜单,其中所选图像的透明度为opacity:1,而另一个li图像的透明度为opacity:0.4 你能告诉我我做错了什么吗 例如:如果出现语法错误,请去掉最后一个})。我不知道你的意图是什么,但这至少能让它得到解析。这是一个例子 您需要将代码包装到一个文档就绪函数中,如: $(document).ready(function(){ ....code here.... }); 或简化版本: $(function(){ .....code here.

我正在尝试构建一个包含图像的简单菜单,其中所选图像的透明度为
opacity:1
,而另一个
li
图像的透明度为
opacity:0.4

你能告诉我我做错了什么吗


例如:

如果出现语法错误,请去掉最后一个
})。我不知道你的意图是什么,但这至少能让它得到解析。这是一个例子

您需要将代码包装到一个文档就绪函数中,如:

$(document).ready(function(){
    ....code here....
});
或简化版本:

$(function(){
    .....code here....
});
此外,还需要一些分号来关闭前两个不透明度语句:

$("li").css('opacity','0.40');
$(".selected").css('opacity','1');

此处更新:

如果要淡出除所选链接之外的所有内容,请尝试以下操作:

$('ul.showcase').hover(function() {
    $(this).find('li').stop().fadeTo(500, 1);
}, function() {
    $(this).find('li:not(".selected")').stop().fadeTo(500, 0.4);
});

您可能有一些语法错误。在“文档就绪”功能中,请使用以下命令:

$("li").css('opacity','0.40');
$(".selected").css('opacity','1');

$('ul.showcase').on("mouseover", "li", function() {
    $(this).stop().fadeTo(500, 1);
});

$('ul.showcase').on("mouseout", "li:not(.selected)", function() {
    $(this).stop().fadeTo(500, 0.4);
});

请注意,这需要jQuery 1.7+使用
.on()
API。不过,我强烈建议这样做,因为使用委派事件的效率要高得多。

实际上,在这种情况下,您不需要这样做。JSFIDLE为您做到了这一点,从侧面看,在设置中显示“onDomReady”。假设此代码是从OP的原始文件复制的,则需要此代码。您在底部有一个额外的
}
抛出错误。就像这样,我得到了所有的Li在悬停时消失了我需要有不透明度的Li:1在悬停时,另一个Li的shld保持0.4,这可能吗?请更好地解释你想要发生什么。