最新更新主题

月度关注热点

网络推荐

JS实现图片放大镜效果

字体: 小 中 大 | 打印 发表于: 2008-4-23 11:05    作者: admin    来源: 飞酷经典资源网

提供及时全面的经典资源 JS实现图片放大镜效果其实不是很难，大家一起来看看。 img标签中的  
alt是大图片的路径，  
src是小图片的路径，  
class=jqzoom，设置样式，  
border=0图片的边框。  

下面的MM怎么样啊，呵呵！！！！  

<HTML>  
<META http-equiv=Content-Type c>  

<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=http://t1.baidu.com/it/u=2111826760,700048667&fm=0&gp=6.jpg  
border=0 >  
</BODY>  

</HTML>