当前位置: 首页 > 工具软件 > jQzoom > 使用案例 >

jQuery图片放大镜插件jqzoom

黄浩涆
2023-12-01

<html>
<head>
<title>JQzoom Demo</title>
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

<link rel="stylesheet" href="../css/jqzoom.css" type="text/css">

<script type="text/javascript">

$(function() {
	$(".jqzoom").jqzoom();
});
</script>
</head>

<body>
<div id="content" style="margin-top:100px;margin-left:100px;">
<a href="kawasakigreen.jpg" class="jqzoom" style="" title="title">
	<img src="kawasakigreen_small.jpg"  title="kawasakigreen" style="border: 1px solid #666;">
</a>

</div>
</body>
</html>

options:
http://www.mind-projects.it/projects/jqzoom/index.php#examples
http://www.mind-projects.it/projects/jqzoom/demos.php#demo2
 类似资料: