您的位置广东网盟 > 文章资讯 > 软件应用 > 编程开发 > JAVASCRIPT > 文章内容

JS实现图片放大镜效果

作者:佚名  来源:本站整理  发布时间:2008-7-11 21:08:04

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> 

Tags:广东网盟  
  •         用户名: 验证码: 验证码,看不清楚请点击刷新验证码 (注“”为必填内容。)


    文章评论: [ 查看全部 ] 网友评论
    关于网盟 | 网站帮助 | 广告合作 | 下载声明 | 友情连接 | 联系方式

    Copyright © 2003-2008 Gdwg.Net. All Rights Reserved .
    中国广东网管联盟设计维护.网站备案:粤ICP备08020875号