JS 实现放大镜产品展示效果（二）

发布于：电脑网络 1,461 次践踏
昨天介绍了一个很酷很帅的用 JS 实现放大镜产品展示效果，这是 MagicZoom 提供的免费 JS 效果，而且这个 JS 要比我介绍的效果强大的多，今天就再介绍一个昨天的放大镜产品展示效果的姐妹篇。说是姐妹篇，因为今天需要用到的 JS 和 CSS 和昨天的一模一样，只是引用图片的方式不同。

点此下载：完美修改版 JS

点此下载：官方参考 CSS

引用方式如下：

<a href="pic_big.jpg" id="zoom1" rel="zoom-position: inner; zoom-width:300px; zoom-height:187px" class="MagicZoom" style="cursor: crosshair"><img src="pic_small.jpg"/></a>

最后再来看看与前篇类似的 JS 放大镜产品展示效果，同样也是将鼠标移到下图上看效果：

还不错吧，呵呵。这个 JS 还能实现更多的产品展示效果，如果童鞋们呼声高的话，我再继续写这姐妹篇～