商品图片放大镜效果

Posted 2020-07-26 水杉

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了商品图片放大镜效果相关的知识，希望对你有一定的参考价值。

效果如下

使用步骤（非常简单）：

1、引入css <link rel="stylesheet" href="magiczoom/MagicZoom.css"/>

2、引入js <script src="magiczoom.js" type="text/javascript"></script>

3、应用到标签中

<body>
　　<a href="201042112545461.jpg" class="MagicZoom" rel="zoom-position:right">
    　　<img src="2010421125551904.jpg"/>
　　</a>
</body>

除此之外什么都不用做。

当然如果具体使用时，要注意它们参数，这样才能完美的嵌入到应用里。

效果如下

以上是关于商品图片放大镜效果的主要内容，如果未能解决你的问题，请参考以下文章