简单 javascript 图片放大镜

源码技巧10年前 (2015-04-13)13880

想在项目中实现一个图片局部放大的功能,在网上找了一些代码,大多都很难用。无意中发现了tjpzoom,使用起来是真正的简单,也兼容的大部分主流浏览器,以后就用这个了。

代码示例:
<html>

<head>
    <title>局部放大代码示例</title>
    <!--包含js代码文件-->
    <script type="text/javascript" src="tjpzoom.js"></script>
</head>

<body>
    <div>
      <!--在图片标签中加入onmouseover事件-->
      <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);">
    </div>
</body>

</html>

tjpzoom.rar


发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。