首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
图片特效
> 正文
按钮控制图片放大缩小特效
2011-05-30 图片特效 ℃
脚本说明: 把如下代码加入<body>区域中 <input type=button value='慢慢变大' onclick=max()> <input type=button value='慢慢变小' onclick=min()><br> <img id=MainImg src=/images/tx/1.jpg> <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>
相关特效代码
点击按钮展示图片或者关闭显示图片
03/31
点击按钮淡入淡出弹出图文信息
03/31
按钮式滑动门点击显示相应栏目内容
09/15
CSS配合htc文件巧妙应用实现反转按钮
09/06
CSS按钮样式大全
05/14
CSS 3D按钮特效
05/14
点击按钮切换背景颜色的JavaScript
11/24
网页放大缩小按钮效果
11/24
CSS自适应宽度按钮
11/24
按钮控制页面移动
11/24
热门特效代码
js图片自动切换代码
CSS实现区域内等比例放大缩小图片
JS图片切换效果
飘动图片广告代码
鼠标经过图片变大
简单高效的javascript 幻灯片播放
JavaScript封装的平滑图片滚动，
点击图片出现大图
图片局部放大效果特效
图片上下左右拉伸效果特效
推荐特效代码
点击按钮淡入淡出弹出图文信息
探照灯效果图片特效代码
简单高效的javascript 幻灯片播放
飘动图片广告代码
JavaScript封装的平滑图片滚动，
超酷超绚精美图片展示效果代码
