JQ基础练习---图片划过变暗

简单分享下，划过一张图片其余图片变暗，图片划过变暗的简单效果，JQ实现主要是css写法跟思路变化。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">
$(function (){
        $(".n_pagescon_img li").eq(0).addClass("")
        $(".n_pagescon_img li").hover(
        function () { $(this).siblings().find("img").css("opacity", 0.6); },
        function () { $(".n_pagescon_img li").find("img").css("opacity", 1); })
    });
</script>

 

 

注意当中的 li 有背景色

.n_pagescon_img{padding-top:151px;}
.n_pagescon_img li{float:left;width:320px;height:501px; background-color:#000;margin-right:10px;overflow:hidden;}
.n_pagescon_img li.bnone{margin:0;}
.n_pagescon_img li img{opacity: 1;}
.n_pagesimg img{display:block;}