日期:2014-05-16 浏览次数:20384 次
/** * @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);//继续调用本身 } } })(); } }