<div class="codetitle"> <span><a style="CURSOR: pointer" data="96358" class="copybut" id="copybut96358" onclick="doCopy('code96358')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code96358"> <br> <br> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><title>鼠标滑过遮罩高亮效果</title> <br><style> <BR>*{padding:0;margin:0;} <BR>ul,li{list-style:none;} <BR>.picshow{float:left;padding:4px 0;width:760px;position:relative;} <BR>.picshow li{float:left;height:160px;width:190px;background:http://www.875.cn/000;opacity:0.9;} <BR>.picshow li img{height:160px;width:190px;} <BR>.picshow li a{display:block;} <BR></style> <br><script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script> <br><script type="text/javascript"> <BR>$(function() { <BR>var conAry = $("[name=h_light]"); <BR>conAry.each(function(){ <BR>var $this = $(this); <BR>var els = $("a", $this); <BR>els.each(function(){ <BR>var el = $(this); <BR>el.mouseover(function() { <BR>els.css({ "opacity": 0.6}); <BR>el.animate({ "opacity": 0.9 }); <BR>}); <BR>}); <BR>$this.mouseout(function() { <BR>els.css("opacity", 1); <BR>}); <BR>}); <BR>}); <BR></script> <br> <br> <br><br><ul class="picshow" name="h_light"> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><li><a href="http://www.875.cn/" target="_blank"><img src="http://pic.875.cn/upload/2013-01-24/1634016671.jpg" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" ></a></li> <br><br> </ul> <br> <br> <br> </div> <br>效果图如下： <br><img src="http://files.jb51.net/file_images/article/201307/201307161802132.gif?201361618251" alt="jQuery实现鼠标滑过遮罩并高亮显示效果_jquery" >
