想在项目中实现一个图片局部放大的功能,在网上找了一些代码,大多都很难用。无意中发现了[url=http://valid.tjp.hu/tjpzoom]tjpzoom[/url],使用起来是真正的简单,也兼容的大部分主流浏览器,以后就用这个了。
代码示例:
<html>
<head>
<title>局部放大代码示例</title>
<!--包含js代码文件-->
[color=darkred]<script type="text/javascript" src="tjpzoom.js"></script> [/color]
</head>
<body>
<div>
<!--在图片标签中加入onmouseover事件-->
<img src="test.jpg" style="width:640px; height: 480px;" [color=darkred]onmouseover="TJPzoom(this);"[/color]>
</div>
</body>
</html>
感觉简单的话就去[url=http://valid.tjp.hu/tjpzoom]tjpzoom[/url]看看吧。
代码示例:
<html>
<head>
<title>局部放大代码示例</title>
<!--包含js代码文件-->
[color=darkred]<script type="text/javascript" src="tjpzoom.js"></script> [/color]
</head>
<body>
<div>
<!--在图片标签中加入onmouseover事件-->
<img src="test.jpg" style="width:640px; height: 480px;" [color=darkred]onmouseover="TJPzoom(this);"[/color]>
</div>
</body>
</html>
感觉简单的话就去[url=http://valid.tjp.hu/tjpzoom]tjpzoom[/url]看看吧。