一个简单的js渐显(fadeIn)渐隐(fadeOut)类


要兼容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);//继续调用本身
}
}
})();
}
}

打包下载



相关阅读:
ASP.NET 计划任务实现方法(不使用外接程序,.net内部机制实现)
jquery 模拟雅虎首页的点击对话框效果
h1标签的使用技巧
不错的几个bat实例
CSSVault推荐的128个CSS布局站点
dedecms5.3伪静态及rewrite规则
Access使用宏控制程序--1.6.使用宏的几点说明
dedecms5.3使用伪静态的详细方法
PHP Ajax实现页面无刷新发表评论
Asp.net Ajax--Calendar控件使用
CSS BUG问题解决的一些经验
php下防止单引号,双引号在接受页面转义的设置方法
如何让空格 在 IE 和 FF 里宽度一致的方法?
ASP.NET中使用IFRAME建立类Modal窗口
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4