专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » js图片放大镜:JS实现图片放大镜效果 »正文

js图片放大镜:JS实现图片放大镜效果

来源: 发布时间:星期四, 2009年2月12日 浏览:1337次 评论:0


    JS实现图片放大镜效果其实不是很难大家起来看看

img标签中 
alt是大图片路径 
src是小图片路径 
=jqzoom设置样式 
border=0图片边框 

下面MM如何样啊呵呵!!!! 

<HTML> 
<META http-equiv=Content-Type content=\"text/html; char=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, 
off: 15, 
position: \"right\" 
}); 
}); 
</SCRIPT> 

<BODY> 

<IMG =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> 

1

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: