域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
图形特效
>> 正文
可控制的逐渐放大缩小图片
作者:
天诚世纪
更新时间:2009-11-16 16:07:21
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|tc-21.com|---逐渐放大缩小图片</title> </head> <body> <input type=button value='慢慢变大' onclick=max()> <input type=button value='慢慢变小' onclick=min()> <br> <br> <img id=MainImg src=/images/TC_idc.gif> <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><a href="/ITCenter/effect/">.</a>
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200911/20091116160721.html
上一篇文章:
撞壁自动变换的图片效果
下一篇文章:
CSS滤镜实现的各种效果
更多关于
图形特效
的新闻
相关文章
每次刷新后随机显示图片的效果
简单的图片放大展示效果
横向不间断的连续滚动图片/文字广告
仿拍拍paipai.com首页产品图片随机轮显切换效果
用鼠标滚轮滚动控制图片显示的大小
超酷图片放大过渡效果
超酷点击显示过渡效果
超炫的图片格子展示特效
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::