繁體中文 
您当前的位置:维维资讯中心站长学院网页制作Javascript → 新闻内容 退出登录 用户管理
推荐资讯
相关资讯
推荐软件
热门资讯
热门软件下载
用JS实现图片放大镜效果
作者:佚名  来源:网络整理  发布时间:2008-6-10 12:29:24

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

[] [返回上一页] [打 印]
新闻评论 (评论内容只代表网友观点,与本站立场无关!)

用户名: 查看更多评论

分 值:100分 85分 70分 55分 40分 25分 10分 0分

内 容:

         (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码