首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
图片特效
> 正文
按钮控制图片大小
2011-07-18 图片特效 ℃
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效代码网页特效演示，逐渐放大缩小图片</title> </head> <body> <input type=button value='慢慢变大' onclick=max()> <input type=button value='慢慢变小' onclick=min()> <img id=MainImg src=/images/tx/1.jpg onload="return imgzoom(this,600);" style="cursor:pointer;"/> <script> var i=0 //变大 function max(){ MImg=MainImg.style.pixelWidth+=i++ MainImg.style.pixelHeight=MImg*aaa if(i<20)setTimeout('max()',100) } //变小 function min(){ MImg=MainImg.style.pixelWidth-=i-- MainImg.style.pixelHeight=MImg*aaa if(i>0)setTimeout('min()',100) } function init(){ aaa=MainImg.height/MainImg.width MainImg.style.pixelWidth=0 MainImg.style.pixelHeight=0 } onload=init </script> </body> </html>
相关特效代码
无相关信息
热门特效代码
js图片自动切换代码
CSS实现区域内等比例放大缩小图片
JS图片切换效果
飘动图片广告代码
鼠标经过图片变大
简单高效的javascript 幻灯片播放
JavaScript封装的平滑图片滚动，
点击图片出现大图
图片局部放大效果特效
图片上下左右拉伸效果特效
推荐特效代码
点击按钮淡入淡出弹出图文信息
探照灯效果图片特效代码
简单高效的javascript 幻灯片播放
飘动图片广告代码
JavaScript封装的平滑图片滚动，
超酷超绚精美图片展示效果代码
