JS实现图片放大镜效果
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.vancl.com/css/jqzoom.css" type="text/css" rel="stylesheet" />
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://www.vancl.com/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=/uploads/allimg/080423/0936400.jpg
border=0 >
</BODY>
</HTML>
alt是大图片的路径，
src是小图片的路径，
class=jqzoom，设置样式，
border=0图片的边框。
下面的MM怎么样啊，呵呵！！！！
<HTML>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<link href="http://www.vancl.com/css/jqzoom.css" type="text/css" rel="stylesheet" />
<SCRIPT src="http://www.vancl.com/PublicControls/js/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="http://www.vancl.com/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=/uploads/allimg/080423/0936400.jpg
border=0 >
</BODY>
</HTML>
版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系
editor@qudong.com。
本文价值
★★★★★
—
成为第一个评分的人
登录后为本文打分
评论加载中…