간단한 js fadeIn 및 fadeOut class_javascript 기술

IE(element.style.filter = 'alpha(opacity=value)') 및 비 IE(element.style.opacity=value)와 호환되어야 합니다.
또한 non-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 = 플래그?
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);//계속 호출
}
}
}) ();
}
}

패키지 다운로드