要兼容IE(element.style.filter = 'alpha(opacity=value)')和非IE(element.style.opacity=value)就可以了。另，还要注意，非IEopaciy的值是0~1之间，IE是1-100。 下面，贴代码：复制代码 代码如下: /** * @projectDescription 动画(渐显、渐隐)类 * /** * @projectDescription KINGKIT UI * @date 2010-6-1 * @author Kit.Liao * @copyright kingkit.com.cn * @version 0.9.0 * @感谢：http://www.cnblogs.com/rubylouvre/archive/2009/09/16/1566699.html * 使用示例：渐显：KUI.Animation.fadeIn(el)；渐隐：KUI.Animation.fadeOut(el) */ KUI.Animation = { fadeIn: function(id){ this.fade(id, true); }, fadeOut: function(id){ this.fade(id, false); }, fade: function(id, flag){ var target = KUI.get(id); target.alpha = flag?1:100; target.style.opacity = (target.alpha / 100); target.style.filter = 'alpha(opacity=' + target.alpha + ')'; var value = target.alpha; (function(){ target.style.opacity = (value / 100); target.style.filter = 'alpha(opacity=' + value + ')'; if (flag) { value++; if (value <= 100) { setTimeout(arguments.callee, 15);//继续调用本身 } } else { value--; if (value >= 0) { setTimeout(arguments.callee, 15);//继续调用本身 } } })(); } } 打包下载

　　推荐阅读

　　JavaScript Chart 插件整理

名称 是否免费 是否支持输出多类型 界面华丽 功能性 建设框架 EJSchart 不 是 是 上 无 JSchart 个人免费 是 是 上 无 jqPlot 是 是 是 中上 Jquery Flot 是 否 是 下 Jquery JGcharts 是 是 一般 中>>>详细阅读

本文标题：一个简单的js渐显(fadeIn)渐隐(fadeOut)类

地址：http://www.17bianji.com/kaifa2/JS/26194.html

 1/2    1