<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="css/jqzoom.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="css/jquery.js"></script>
<SCRIPT type=text/javascript
src="js/jquery.jqzoom.js"></SCRIPT>
<script type="text/javascript">
var cdt = '';
function chan(n){
if(cdt != '')
$('#dt'+cdt).hide();
$('#dt'+n).slideToggle();
cdt = n;
}
</script>
<SCRIPT type=text/javascript>
jQuery.noConflict();
var dd = $("img.jqzoom");
jQuery(document).ready(function(){
$("img.jqzoom").jqueryzoom({
xzoom: 288, //zooming div default width(default width value is 200)
yzoom: 300, //zooming div default width(default height value is 200)
offset: 10, //zooming div default offset(default offset value is 10)
//position: "right" //zooming div position(default position value is "right")
zoomWidth:400,
zoomHeight:400
});
});
</SCRIPT>
</head>
<body>
<div class="fd_jing" id="fangdj">
<img class="jqzoom" src="images/image013.jpg" id="bigp" />
</div>
</body>
</html>
真正的image zoom,图片放大镜效果
需积分: 9 5 浏览量
2011-07-27
10:43:38
上传
评论 2
收藏 136KB RAR 举报
imagezoom.rar （7个子文件） 
imagezoom css 
index.css 239B jqzoom.css 403B jquery.js 20KB
pro01.html 2KB images 
image013.jpg 128KB js jquery.jqzoom.js 4KB jqzoom.css 364B资源评论
