2 u014368928 u014368928 于 2014.09.11 09:35 提问

搞不懂这个 JS网页效果

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

3个回答

c10234731
c10234731   2014.09.11 22:49

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

u014368928
u014368928 也就是说实际上是照片发生了替换? 我感觉如果照片发生了替换的话,那网页也得有个加载的速度吧。。。不会反应那么快的吧
3 年多之前 回复
gongyuan2013
gongyuan2013   2014.09.12 13:49

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

u014368928
u014368928 谢谢!
3 年多之前 回复
czt552
czt552   2014.09.15 17:47

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!