jqzoom 图片放大镜 JQuery

<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>

 

你可能感兴趣的:(JavaScript,jquery,Ajax,css,Microsoft)