首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
媒体图像
鼠标放在图片上改变图片透明度(渐显)
作者: 来源: 日期:2004-9-30
<img id="img1" src="http://www.itpow.com/images/cftea.gif" border=0 style="filter:alpha(opacity=30)" onmouseover="ShowImg('img1')" onmouseout="HideImg('img1')" width="120" height="60"> <script> step=10; speed=100; function ShowImg(imgid) { Aimgid=eval("document.all."+imgid); if(Aimgid.filters.alpha.opacity<99) { Aimgid.filters.alpha.opacity+=step; timer=setTimeout("ShowImg('"+imgid+"')",speed); } else clearTimeout(timer); } function HideImg(imgid) { Aimgid=eval("document.all."+imgid); if(Aimgid.filters.alpha.opacity>30) { Aimgid.filters.alpha.opacity-=step; timer=setTimeout("HideImg('"+imgid+"')",speed); } else clearTimeout(timer); } </script>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
此文较老,更新的内容请参见
兼容 IE、Firefox、Chrome 的透明度 CSS
。
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...