_JSP技巧_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

JS实现图片放大镜效果

作者:黑客防线网安JSP教程基地 来源:黑客防线网安JSP教程基地 浏览次数:0

本篇关键词:效果放大图片实现

    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>

 


    希望这篇JS实现图片放大镜效果的文章能够对您有所帮助,如果您觉得这篇网站维护教程有用的话,别忘了推荐给您的朋友哦!如果您有好的经验方法,不妨拿出来和大家一起分享:假如每个人都拿出一个经验,那么我们都将额外的获取一堆他人的经验。
请记住本站永久域名:(黑客防线网安服务器维护方案维护基地)Www.Rongsen.Com.Cn
    黑客防线网安服务器维护方案本篇连接:http://kj.rongsen.com.cn/show-16715-1.html
网站维护教程更新时间:2012-04-07 00:46:05  【打印此页】  【关闭
0
顶一下
0
踩一下
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer