简单 javascript 图片放大镜
想在项目中实现一个图片局部放大的功能,在网上找了一些代码,大多都很难用。无意中发现了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>