有很多的图片网站中有这样的一种效果：鼠标划过某个元素的时候，与他同级的其他元素的透明度会降低，突出显示这个元素，比如聚美优品的网站就多少用到了这个特效，效果图如下：
不多说，干货代码如下：
html部分：
css部分：
javascript部分：
太原雅辉装修公司的网站为了更好的优化，没有用js特效，并不是说js影响优化，而是网站一切操作都要满足用户需求，做好用户体验。太原雅辉装修公司的首页banner部分以后还有别的用处，就没有做轮播效果！
技术支持
<a href="http://www.0351zhuangxiu.com">太原装修网</a>
原文：http://www.cnblogs.com/0351jiazhuang/p/4271148.html