JS实现图片放大镜效果其实不是很难,大家一起来看看。
img标签中的
alt是大图片的路径,
src是小图片的路径,
class=jqzoom,设置样式,
border=0图片的边框。
下面的MM怎么样啊,呵呵!!!!
<HTML>
<META http-equiv=Content-Type content=\"text/html; charset=utf-8\">
<link href=\"http://www.gdwg.net/css/jqzoom.css\" type=\"text/css\" rel=\"stylesheet\" />
<SCRIPT src=\"http://www.gdwg.net/PublicControls/js/jquery.js\" type=text/javascript></SCRIPT>
<SCRIPT src=\"http://www.gdwg.net/PublicControls/js/jquery.jqzoom.js\"></SCRIPT>
<SCRIPT type=text/javascript>...
jQuery.noConflict();
jQuery(document).ready(function()...{
jQuery(\"img.jqzoom\").jqueryzoom(...{
xzoom: 280,
yzoom: 280,
offset: 15,
position: \"right\"
});
});
</SCRIPT>
<BODY>
<IMG class=jqzoom
alt=http://img.article.pchome.net/game/00/07/75/84/pic_lib/wm/424.jpg
src=http://t1.baidu.com/it/u=2111826760,700048667&fm=0&gp=6.jpg
border=0 >
</BODY>
</HTML>
