html5鼠标悬停变暗,jQuery实现鼠标经过图片变亮其他变暗效果

以下是完整源代码：

jQuery实现鼠标经过图片变亮效果

a {color:white;}

body{background:#000;}

body,div,ul,li,img{padding:0;margin:0; border:0; list-style:none;}

.hovertreebox{width:630px; border:1px solid #ccc; margin:10px auto; overflow:hidden; padding:10px 0 0 10px;}

.hovertreebox li{width:200px; height:186px; float:left; margin-right:10px; margin-bottom:10px; cursor:pointer;}

$(function(){

$('.hovertreebox li').mouseover(function (e) {

$(this).siblings().stop().fadeTo(500,0.4);

});

$('.hover'+'treebox li').mouseout(function (e) {

$(this).siblings().stop().fadeTo(500,1);

});

})

jQuery突出图片列表中鼠标经过项

• 
• 
• 
• 
• 
• 

以上所述就是本文的全部内容了，希望大家能够喜欢。