今天无意中发现一个网站的交互做的很别出心裁，于是就研究了一下。给大家看看动态图。
忘记录制鼠标了。。哈哈，就失误一下吧，第一次发文太完美不好。
贴一下地址。
http://www.zaofz.com/
我是觉得他这个做的很别出心裁所以研究了一番，现在这回分解啊，看看究竟他是如何实现的呢。
最外围的结构是这样的。
<div>
<a href="#">
img...
</a>
<a href="#">
img...
</a>
<a href="#">
img...
</a>
</div>
和平常的结构差不多。
现在我们到了css部分
div{
&:hover{
a{
opacity: 0.7;
}
}
a:hover{
opacity: 1;
}
}
看懂没？ 它是最外层的div的hover事件就把所有的a的透明度都调整为0.7，然后移入当前的那个，改成1.所以就会有和平常相反的效果。
哈哈哈，第一次发文，不怎么会用这个文本编辑器，不到之处还请多多指点。谢谢...也给自己记录一下0.0
