CSS+JS打造的精美放大镜效果

浏览数：25 / 时间：2015年06月09日 
<!doctype html>
    <html>
    <head>
    <base href="http://www.CsrCode.Cn/" />
    <meta charset="utf-8"/>
    <title>CSS+JS打造的精美放大镜效果丨梨花粉价格丨河北叉车</title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <style>
    .test
    {
    margin: 50px 0 0 200px;
    }
    .test a
    {
    font-size: 14px;
    color: #404040;
    }
    .test img
    {
    border: #4b4b4b 1px solid;
    }
    </style>
    </head>
    <body>
    <script src="imagesforcode/201205/Magnifier-min.js"></script>
    <pre>所需js文件：<a href="/imagesforcode/201205/Magnifier-min.js">Magnifier-min.js</a></pre>
    <div class="test">
    <h3>预览效果：</h3>
    <img src="images/m01.jpg" bigsrc="images/1.jpg" />
    </div>
    </body>
    </html>
    <br><hr>所需js文件和图片：<a href="/imagesforcode/201205/Magnifier-min.js">Magnifier-min.js</a>
    <br><a href="/imagesforcode/201205/mask.png" target=_blank>mask.png</a>、<a href="/imagesforcode/201205/pic.png" target=_blank>pic.png</a>
    <br>需要重新编辑Magnifier-min.js文件，修改里面的上面两个图片路径地址。
    <br><hr>

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log com src http html si 文件 class style log com src http html si 文件

相关文章

随机文章

您可能还喜欢

您可能还喜欢