<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" src="jquery-1.2.3.pack.js"></script>
<script language="javascript" src="jqzoom.js"></script>
<style>
div.jqZoomTitle
{
z-index:5000;
text-align:center;
font-size:11px;
font-family:Tahoma;
height:16px;
padding-top:2px;
position:absolute;
top: 0px;
left: 0px;
width: 100%;
color: #FFF;
background: #999;
}
.jqZoomPup
{
overflow:hidden;
background-color: #e6eaf3;
-moz-opacity:0.6;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index:10;
border-color:#FFF;
border-style: solid;
cursor:crosshair;
}
.jqZoomPup img
{
border: 1px;
}
.jqZoomWindow
{
border: 1px solid #999;
background-color: #FFF;
}
</style>
</head>
<body>
<div class="bigPic">
<div class="focusPic">
<a href="test.jpg" class="jqzoom" style="" title="天鹅绒连裤袜60D-W601 黑色" id="BigViewImage">
<img src="test.jpg" title="" width="400" height="460" border="0" id="productImage">
</a>
</div>
</div>
<script type="text/javascript">
var isH = false;
var bigPXoffset;
var bigPYoffset;
$(document).ready(function(){
$(".jqzoom").jqzoom({
zoomWidth: 260,
zoomHeight: 300
});
bigPXoffset=410;
bigPYoffset=200;
});
</script>
</body>
</html>