高亮显示图片案例(链式编程)
实现鼠标经过谁就高练度显示,不经过时,全部高亮度显示。
代码:
高亮显示图片
img{width: 230px; height: 230px}
ul li{float: left}
高亮度显示图片
$(function (){
$('.wrap>ul>li').mouseover(function (event){
$(this).css('opacity',1).siblings('li').css('opacity',0.2); //值越小越看不见
});
$('.wrap>ul>li').mouseout(function (event){
$(this).parent().children().css('opacity',1); //正常显示
});
});
运行结果:
当鼠标不进过时:
案例所用图片:





