图片放大在某些例如商品细节放大图比较常见
本文写了一个图片放大的示例适合日常应付
有需求的朋友可以参考下
复制代码 代码如下:
<div class="jqzoom">
<img src=":px;height:px;" jqimg="
</div>
<script src="//ajaxgoogleapiscom/ajax/libs/jquery//jqueryminjs"></script>
<style type="text/css">
body{margin:px;}
divzoomdiv {
zindex: ;
position : absolute;
top:px;
left:px;
width : px;
height : px;
background: #ffffff;
border:px solid #CCCCCC;
display:none;
textalign: center;
overflow: hidden;
}
divjqZoomPup {
zindex : ;
visibility : hidden;
position : absolute;
top:px;
left:px;
width : px;
height : px;
border: px solid #aaa;
background: #ffffff;
opacity: ;
mozopacity: ;
khtmlopacity: ;
filter: alpha(Opacity=);
}
</style>
<script type="text/javascript">
$(document)ready(function(){
$("jqzoom")jqueryzoom({
xzoom: //设置放大 DIV 长度（默认为 ）
yzoom: //设置放大 DIV 高度（默认为 ）
offset: //设置放大 DIV 偏移（默认为 ）
position: "right" //设置放大 DIV 的位置（默认为右边）
preload:
lens:true
});
});
</script>
<!{include file="jqzoom_jshtml"}>
