jqzoom是一款基於jQuery的圖片方法插件。
使用方法：1.引入jQuery與jqzoom,jqzoom.css
2.准備兩張一大一小大小相同的圖片，小圖片放在<img>標簽的"src"屬性里，給img標簽加個<a>標簽，<a>標簽的"href"屬性鏈向大圖片
參數說明：zoomWidht: 小圖片所選區域的寬度。
zoomHeight: 小圖片所選區域的高度。
zoomType: 默認值為standard。如果設為reverse，在小圖片仲，移入鼠標時，所選區域高亮，非選中區域淡灰色。
xOffset: 放大后的圖片與小圖片間的X(橫坐標)距離。
yOffset: 放大后的圖片與小圖片間的Y(縱坐標)距離。
position: 放大后的圖片相對原圖片的位置，默認為"right",還可設置為"left","top","bottom"。
lens: 布爾值，表示是否顯示小圖片中的選中區域，默認值為"true",如果設為"false"，則放大后的圖片上面不會出現主題字樣。
imageOpacity: 當zoomType的值為"reverse"時，用來設置非選中區域透明度的值。取值范圍在(0.0-1.0)間。
preloadImages：布爾值，表示是否重新加載大圖像。
preloadText： 重新加載大圖像時，小圖像顯示的文本說明。
title： 大圖像頂部是否顯示<a>標簽里的title。
showEffect: 大圖像加載時的特效，可選值:"show"表示直接顯示，"fadein"由透明度漸變載入效果。
hideEffect： 大圖像隱藏特效，可選值："hide"表示直接隱藏，"fadeout"透明度漸變隱藏。
fadeinSpeed: 當大圖像的載入特效設為"fadein"時，此屬性可設置特效的時間，可選值為'fast','slow',number分別代表，快慢，毫秒數。
fadtoutSpeed: 當大圖像的隱藏特效設為"fadeout"時，此屬性可設置特效載的時間，可選值為'fast','slow',number分別代表，快慢，毫秒數。
例子：
HTML代碼：
<body>
<div style="margin-left:500px;">
<a id="img1" href="/1big.jpg" title="我的星星" ><img src="/1small.jpg" alt="" /></a>
</div>
</body>
js代碼：
<script src="jQuery.1.8.3.js" type="text/javascript"></script> <script src="jquery.jqzoom-core.js" type="text/javascript"></script> <link href="jquery.jqzoom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function () { $('#img1').jqzoom({ zoomWidth:200, zoomHeight:200, position:"bottom",
yOffset:50, lens:true, imageOpacity:1.0 }); }) </script>