鼠标经过图片半透明效果,支持Firefox/IE

鼠标经过图片半透明效果,有很多做法,这里说一种做法,支持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'"  之前写错了,呵呵```现在可以了



[本日志由 天魅 于 2010-01-14 01:36 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: JS
评论: 6 | 引用: 0 | 查看次数: 1565
  • 1
flierx [2010-08-15 08:08 PM]
能吧它弄成渐渐过渡变清晰的效果么,本人急用呢
as [2010-01-15 09:22 AM]
测试了一下:IE6确实不行,IE7,IE8下都可以!
天魅 [2010-01-14 01:38 PM]
CSS定义图片的半透明和不透明

JS是用于当鼠标经过时把图片半透明样式改成不透明样式,因你之前看到的JS代码有误,所以运行时只看到透明图片而没有经过效果``

如果只是为了透明当然就可以不用JS

as [2010-01-14 10:51 AM]
有个问题,既然在CSS定义了样式,为什么还要在图片中加入JS呢?
天魅 [2010-01-11 04:33 PM]
IE6可以呀,你是什么浏览器
aya1818 [2010-01-09 02:49 PM]
不支持IE啊!
  • 1
发表评论
昵 称:
密 码: 游客发言不需要密码.
验证码: 验证码
内 容:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 关闭 | [img]标签 关闭