Sitemap  付款方式  网站改版方案  提交订单  网站地图

做网站,就找巨鼎网络!

客服电话
更新日期:

长安网站设计:仿Windows图片缩小放大特效
发布:巨鼎网络 www.judweb.com |  发布时间 2012-05-14
长安网站设计:仿Windows图片缩小放大特效
<!--把下面代码加到<head>与</head>之间-->
<script language=javascript>
function bbimg(obj)
{
 var zoom=parseInt(obj.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) obj.style.zoom=zoom+'%';
 return false;
}
function bigzoom()
{
 var obj;
 obj=document.getElementById('ctl01_imgPic');
 var zoom=parseInt(obj.style.zoom, 10)||100;
 zoom+=10;
 obj.style.zoom=zoom+'%';
}
function smallzoom()
{
 var obj;
 obj=document.getElementById('ctl01_imgPic');
 var zoom=parseInt(obj.style.zoom, 10)||100;
 zoom-=10;
 obj.style.zoom=zoom+'%';
}
</script>

<!--把下面代码加到<body>与</body>之间-->
<table align="center">
  <tr>
    <td align="right"><img onClick="smallzoom()" src="http://www.zzsky.cn/effect/images/200907261900/sx.gif">  <img onClick="bigzoom()" src="http://www.zzsky.cn/effect/images/200907261900/fd.gif"></td>
  </tr>
  <tr>
    <td style="border:2px solid #f00;"><img id="ctl01_imgPic" onmousewheel="return bbimg(this)" src="http://www.judweb.com/userlist/163/data/userpic/2011071921456.jpg"></td>
  </tr>
</table>

本文由东莞长安网络公司整理发布,原创文章如转载请注明出处并保留文章链接!http://www.judweb.com/userlist/163/newshow-6515.html
[文章评论(0)] [ 点击数:] [打印本网页] [关闭本窗口]
相关内容
  • 高级技巧:个性化网站设计 2010-05-19
  • 大型网站设计注意事项 2009-05-27
  • 长安网站设计:仿Windows图片缩小放大特效 2012-05-14

  • 巨鼎网络服务项目关键词:
    网站建设方案   东莞网站建设   长安网站建设   SEO优化推广   虎门网站设计   厚街网站建设   沙田网站制作   网站推广方案   网络营销技巧   长安做网站   虎门做网站   厚街做网站   企业网站改版
     巨鼎网络相关:提交订单  |  网站解决方案  |  经典案例  |  建站套餐  |  优化推广  |  百度  | 必应  |  雅虎  |  搜搜  |  网站提交  |  联系我们  |  网站地图
     微官网 公众号 

    东莞长安巨鼎网站建设工作室 --  东莞市慧汇网络科技有限公司旗下专业网站建设平台 
    服务范围:东莞长安、虎门、厚街、沙田、大岭山、黄江、大朗、凤岗、樟木头等东莞28个镇区
    Copyright © 2008-2019 WWW.JUDWEB.COM All Rights Reserved
    网站备案号:粤ICP备11048236号 网站管理