Question

求问一下,合并JQuery代码简化,合并

请问一下,怎么把这几个代码合并,简写啊,可以分别控制这7个<li>





Answer 1

$(function(){
$("#ul1 li").mouseover(function(){
$(this).css("opacity","0.2");

})
$("#ul1 li").mouseout(function(){
$(this).css("opacity","1");

})
})
写一次就行，不用写明毁猜那么多遍，这几个li元素进行的操作都是一样的，直接激型定位ul1所有的余颤li，用$(this)就可以了、、

追问

我想要的效果是这样的,当我的鼠标移动到<li1>上面时,<li1>的透明度是1,<li2>~<li7>透明度是0.2,移动到<li2>上面时,<li2>的透明度是1,<li1>和<li3>~<li7>透明度是0.2,以此类推的....能帮我解答下麽?

追答

这样啊。。刚刚写的办法不好用么？要看下具体的代码。。要不然说起来太抽象。。而且hover方法不行么？你可以尝试用火狐看下这几个元素对应的class。能定位到这几个元素就能解决你的问题

追问

嗯 要的效果不是我想要的,$(function(){$("#ul1 li").mouseover(function(){$(this).css("opacity","0.2");})这个的效果是当前这个透明度变成0.2,能不能改成,除了当前的这个其他的透明度是0.2呢?

追答

$(function(){
$("#ul1 li").mouseover(function(){
var a = "." + $(this).attr("class");
$("#ul1 li").not(a).css("opacity","0.2");
})
$("#ul1 li").mouseout(function(){
var a = "." + $(this).attr("class");

$("#ul1 li").not(a).css("opacity","1");

})
})
试一试这样好不好用，如果不好用的话，教你个笨办法。。你可以设置成鼠标移动到$("#ul1 li")时都为0.2，然后把当前的变成1
但是这种笨办法的弊端是可能造成当前的元素会闪一下，因为css改变需要时间，其实我建议你用第一个方法，就是用not这个方法，因为你用的是插件，要好用可能还需要你花时间调试，但是效果比较好

Answer 2

笨岁迅培方法乎唯：
$(function(){
$("#ul1 li").mouseover(function(){
$(this).css("opacity","0.2");
})

$("#ul1 li").mouseout(function(){
$(this).css("opacity","1");
})
})
hover方法：
$(function(){
$("#ul1 li").hover(function(){
$("#ul1 li").css("opacity"昌扮,"0.2");
},function(){
$("#ul1 li").css("opacity","1");
})
})