搞不懂这个 JS网页效果

http://timvandamme.com/#networks
想知道这个鼠标点到上边元素发生位移的效果是怎么做出来的啊? 有人能给一段代码看看么?

方法很简单,只是用到onmouseover和onmouseout方法而已,你所看到的位移只是替换的照片width值不同造成的。

绑个hover事件 悬浮时改变一下图片的padding值

这个效果css3可以实现,用到过渡效果,css3代码就两句,这个可以看手册,当然这种方法会在一些对css3支持不是很好的浏览下无效,js的话,使用jquery可以很容易实现,用到方法:hover();animate();改变每个li标签下的img的margin-left属性;具体代码自己琢磨琢磨