长安网站设计：仿Windows图片缩小放大特效 - 行业信息

长安网站设计：仿Windows图片缩小放大特效

发布：巨鼎网络 www.judweb.com | 发布时间 2012-05-14

长安网站设计：仿Windows图片缩小放大特效

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


<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


	巨鼎网络相关：提交订单 \| 网站解决方案 \| 经典案例 \| 建站套餐 \| 优化推广 \| 百度 \| 必应 \| 雅虎 \| 搜搜 \| 网站提交 \| 联系我们 \| 网站地图

做网站,就找巨鼎网络！