jquery圖片放大功能簡單實現

圖片放大在某些例如商品細節放大圖比較常見本文寫了一個圖片放大的示例適合日常應付有需求的朋友可以參考下   復制代碼 代碼如下:

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

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19835.html