产品搜索
高级搜索 热门关键词 企业网站 网上商店系统 特惠套餐
   
 
网站公告  (5)
在线帮助  (9)
服务指南  (12)
 
企业建站 
智能网店 
专业建站 
特惠套餐 
JS实现图片放大镜效果
网站建设|北京网站建设|网站制作|网站设计-北京惠通卓越公司   2009-05-14 03:39:39 作者:SystemMaster 来源: 文字大小:[][][]
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> 

推荐文章 最新文章
MediPro标准插件程序调用原理详解
MediPro在线支付接口开发标准和样例
MediPro模版引擎的设计思路和基本特点
MediPro扩展插件的应用方法和注意事项
在插件模版中用自定标签调取内容的方法

最新评论
发表评论  
评论标题
评论内容
图片上传
表情图标
验 证 码
关于我们 建站流程 联系方式 付款方式 帮助中心 文档下载 会员社区 友情链接

 网站建设|北京网站建设|网站制作|网站设计-北京惠通卓越科技发展有限公司   电话:010-81588248 传真:010-81580027 手机:15910799489

  邮箱:infolyg#16nc.net 网站统计: Yoto公司地址:北京市通州区乔庄东区2号院5-443

 版权所有:北京惠通卓越科技发展有限公司 国家信息产业部备案号:京ICP备05013284号

Copyright © 2005-2008 www.16nc.com.cn All Rights Reserved

专业提供企业自助建站--网上商店系统--网上书店系统--网上花店系统