在我们的项目中，经常会遇到各种功能效果的实现，对于每一项功能的实现方式，都有很多种，这些实现方式没有好坏之分，只有适合与否，但是我个人建议，如果项目急就选择自己擅长的方式实现，比较完成工作更加重要嘛。如果项目不急，你又想开拓并尝试一些新方式方法，你可以花点时间去研究一下新的方法，或者说最优方案。从今天开始，我们推出，专栏，这个专栏主要以分享一些前端样式效果的实现为主，我们一般分享一种方案，你也可以通过练习，把你实现的功能效果，通过留言区上交你的练习作品。今天我要跟大家分享的是一个原生JS仿淘宝商品主图放大镜的效果。这个在写商城项目的时候，会经常用到。点击小图切换对应的大图，当鼠标悬停大图时，商品图片局部放大。这款放大镜图片封装在js里面，需要修改js里面的图片路径就可以完成你想要的效果，同时还兼容IE低版本浏览器。
具体效果如下：
HTML代码如下：
!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"/title原生js仿淘宝主图放大镜功能-
转载请注明地址:http://www.1xbbk.net/jwbjj/870.html
