您好,欢迎访问一九零五行业门户网

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

要兼容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 settimeout(arguments.callee, 15);//继续调用本身
}
}
else {
value--;
if (value >= 0) {
settimeout(arguments.callee, 15);//继续调用本身
}
}
})();
}
}
打包下载
其它类似信息

推荐信息