jqzoom 图片放大镜 JQuery

最新推荐文章于 2022-08-02 14:22:23 发布

iteye_19318

最新推荐文章于 2022-08-02 14:22:23 发布

阅读量155

点赞数

分类专栏： jQuery 文章标签： jQuery CSS JavaScript Ajax Microsoft ViewUI

本文链接：https://blog.csdn.net/iteye_19318/article/details/81962967

版权

jQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js">
</script>
<script type="text/javascript" src="js/jquery.jqzoom.min.js">
</script>
<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"
/>
<link rel="stylesheet" href="style/jqzoom.css" type="text/css" media="screen"
/>
<script type="text/javascript">
	$(document).ready(function() {
		$(".jqzoom").jqueryzoom({
			xzoom: 300,
			yzoom: 300,
			offset: 10,
			position: "right",
			preload: 1,
			lens: 1
		})
	})
</script>
<p>把鼠标移动到图片上</p>
<div style="float:left;width:100%;clear:both;">
	<div style='float:left;width:100%;'>
		<div class="jqzoom" style='margin-right:5px;float:left;'>
			<img src="未命名.jpg" alt="scarpa" width="190" height="142" jqimg="未命名.jpg">
		</div>
	</div>