jQuery实现鼠标滑过遮罩并高亮显示效果

复制代码代码如下：DOCTYPE html html lang=' en ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title鼠标滑过遮罩高亮效果/title style * { padd :0；margin:0} ul，Li { list-style : none；} .picshow { float : leftpadd :4 px 0；宽度宽度：760像素位置：相对；} .picshow li { float:left高度：160 px宽度width:190pxbackground:http://www.875.cn/000;opacity:0.9 }。picshow li img { height:160px宽度宽度：190px}。picshow阿利{ display : block }/style script type=' text/JavaScript ' src=' http :3358 JT。875 .cn/js/jquery。js '/script脚本类型=' text/JavaScript ' $(function(){ var conAry=$('[name=h _ light]'))；柯纳里。每个(function(){ var $ this=$(this)；var els=$('a '，$ this)；埃尔斯。每个(函数(){ var El=$(this)；埃尔。鼠标悬停在(function(){ els }上。CSS({ '不透明度' : 0.6 });el.animate({ '不透明度' : 0.9 });});});这个。鼠标移出(函数(){ els。' CSS('不透明度',1);});});});/script/head body ul class=' picshow ' name=' h _ light ' lia href=' http://www .875 .cn/' target=' _ blank ' img src=' http :http://pic。875 .cn/upload/2013-01-24/1634016671。jpg/a/Li lia href=' 3358 www .875 .cn/' target=' _ blank ' img效果图如下