<div class="codetitle"> <span><a style="CURSOR: pointer" data="49940" class="copybut" id="copybut49940" onclick="doCopy('code49940')"><u>复制代码</u></a></span>代码如下:</div> <div class="codebody" id="code49940"> <br><div class="jqzoom"> <BR><img src="http://bfbnews.tw/images/test.jpg" id="bigImg" style="幅:500px;高さ:300px;" jqimg="http://bfbnews.tw/images/test.jpg"> <BR></div> <BR><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <br><style type="text/css"> <br>body{margin:0px;} <br>div.zoomdiv { <br>z-index: 999; <br>位置: 絶対; <br>トップ:0px; <br>左:0px; <br>幅: 200px; <br>高さ: 200px; <br>背景: #ffffff; <br>ボーダー:1px ソリッド #CCCCCC; <br>表示:なし; <br>text-align: 中央; <br>オーバーフロー: 非表示; <br>} <br>div.jqZoomPup { <br>z-index : 999; <br>可視性: 非表示; <br>位置: 絶対; <br>トップ:0px; <br>左:0px; <br>幅: 50px; <br>高さ: 50px; <br>ボーダー: 1px ソリッド #aaa; <br>背景: #ffffff; <br>不透明度: 0.5; <br>-moz-不透明度: 0.5; <br>-khtml-不透明度: 0.5; <br>フィルター: アルファ(不透明度=50); <br>} <br></style> <br><script type="text/javascript"> <br>$(document).ready(function(){ <br>$(".jqzoom").jqueryzoom({ <br>xzoom: 400, //设置放大 DIV 长度(默认は 200) <br>yzoom : 400, //設置放大 DIV 高さ(200 まで) <br>offset: 10, //設置放大 DIV オフセット(10 まで) <br>position: "right", //設置放大 DIV の位置( <br>preload:1, <br>lens:true <br>}); <br>}); <br></script> <br><!--{include file="jqzoom_js.html"}--> <br> </div>