jquery圖片放大功能簡單實作_jquery

複製程式碼如下程式碼：

body{margin:0px;}
div.zoomdiv {
z-index: 999;
位置：絕對；
頂部：0px；
左：0px；
寬度：200px；
高度：200px;
背景：#ffffff；
邊框：1px實線#CCCCCC；
顯示：無；
文字對齊：居中；
溢出：隱藏；
}
div.jqZoomPup {
z 索引：999;
可見性：隱藏；
位置：絕對；
頂部：0px；
左：0px;
寬度：50px;
高度：50px;
邊框：1px實線#aaa;
背景：#ffffffff;
不透明度：0.5;

-moz-不透明度：0.5;
-khtml-不透明度：0.5；
濾鏡：alpha（不透明度=50）；
}
樣式>

$(document).ready(function(){
$(".jqzoom").jqueryzoom({
xzoom: 400, //設定放大DIV 長度（預設為200）
yzoom : 400, //設定放大DIV 高度（預設為200）
offset: 10, //設定放大DIV 偏移（預設為10）
position: "right", //設定放大DIV 的位置（預設為右邊）
preload:1,
lens:true
})
});
腳本>