淘宝放大镜效果

淘宝放大镜效果,其实就是一张小图片,还有一张大图片。鼠标移动,按比例显示大图的一部分,在大图的父元素上设置overflow:hidden,就OK了。这里面需要注意换算好大小图的比例。

 

代码地址:https://github.com/peng666/blogs/tree/gh-pages/floats

在线测试地址:http://peng666.github.io/blogs/floats/

posted @ 2016-05-22 21:13  小全栈  阅读(375)  评论(0编辑  收藏  举报