鼠标经过图片半透明效果,支持Firefox/IE
作者:天魅 日期:2009-06-16
鼠标经过图片半透明效果,有很多做法,这里说一种做法,支持IE和FF而且代码很精减
样式img_link是写出几种兼容的图片透明样式,IE的从10.20.30...100为最大,FF的从0,0.1,0.2...1为最大
onmouseover="this.className='null" onmouseout="this.className='img_link'" 这句相信不用解释了,null就是一个空样式,根本没有定义的,就是让他还原为默认状态,如果鼠标离开透明度要和前面两种情况都不一样,那么再定义一下Null的样式就好了!
代码如下:
HTML代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
评论中说不支持IE,不好意思,代码中的 onMouseOver="this.className='null'" onMouseOut="this.className='img_link'" 之前写错了,呵呵```现在可以了
样式img_link是写出几种兼容的图片透明样式,IE的从10.20.30...100为最大,FF的从0,0.1,0.2...1为最大
onmouseover="this.className='null" onmouseout="this.className='img_link'" 这句相信不用解释了,null就是一个空样式,根本没有定义的,就是让他还原为默认状态,如果鼠标离开透明度要和前面两种情况都不一样,那么再定义一下Null的样式就好了!
代码如下:
HTML代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
评论中说不支持IE,不好意思,代码中的 onMouseOver="this.className='null'" onMouseOut="this.className='img_link'" 之前写错了,呵呵```现在可以了
评论: 6 | 引用: 0 | 查看次数: 1565
- 1
能吧它弄成渐渐过渡变清晰的效果么,本人急用呢
测试了一下:IE6确实不行,IE7,IE8下都可以!
IE6可以呀,你是什么浏览器
不支持IE啊!
- 1
发表评论
上一篇
下一篇


Tags: 





