<div id="divtest">
? ?<div class="title">
? ? ? ?<span class="fl">圖片放大鏡</span>
? ?</div>
? ?<div class="content">
? ? ? ?<a id="jqzoom" title="小兔子乖乖">
? ? ? ? ? ?<img src="http://img1.sycdn.imooc.com//52e4aee700012df702130212.jpg" alt="小兔子"/>
? ? ? ?</a>
? ?</div>
</div>

<script type="text/javascript">
? ?$(function () {
? ? ? ?$("#jqzoom").jqzoom({
? ? ? ? ? ?//綁定圖片放大插件jqzoom
? ? ? ? ? ?zoomWidth: 230, //小圖片所選區(qū)域的寬
? ? ? ? ? ?zoomHeight: 230, //小圖片所選區(qū)域的高
? ? ? ? ? ?zoomType: 'reverse' //設(shè)置放大鏡的類型
? ? ? ?});
? ?});
</script>