JS(jquery)实现图片放大镜效果

本例中主要用到了jquery.js,jquery.jqzoom.js以及样式jqzoom.css,
为了演示方便,这里引用了一个购物网站的绝对路径,大家可以把jquery代码下过来自己用 .

应用参考:http://www.vancl.com/ProductInfo/1120222.html


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

</ HTML >  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值