fade.lib.js

来自「asp的bbs程序」· JavaScript 代码 · 共 79 行

/*
  By Hangring
  #2008.02.21#
  ---
  use list:
  > global.lib.js
  > node.lib.js
  > css.lib.js
  > events.lib.js
  ---
  消失效果
*/

$Defined('Fade');
var Fade = {};

// 透明度方式
Fade.Alpha = function (el /* :HTMLElement */) {
    var interval;
    var alpha = 100;
    function fade () {
        if (alpha <= 0) {
            clearTimeout(interval);
            oNode.RemoveNode(el, el.parentNode);
            return;
        }
        CSS.SetAlpha(el, alpha);
        alpha -= 1;
        interval = setTimeout(fade, 10);
    }
    fade();
};

// 尺寸方式，同时改变宽高
Fade.Resize = function (el /* :HTMLElement */) {
};

// 尺寸方式，改变宽
Fade.ResizeW = function (el /* :HTMLElement */) {
};

// 尺寸方式，改变高
Fade.ResizeH = function (el /* :HTMLElement */) {
    var interval;
    var h = el.offsetHeight;
    function resize () {
        if (h <= 0) {
            clearTimeout(interval);
            oNode.RemoveNode(el, el.parentNode);
            return;
        }
        el.style.height = h + 'px';
        el.style.lineHeight = h + 'px';
        h -= 1;
        interval = setTimeout(resize, 10);
    }
    resize();
};

// 结合透明度与尺寸
Fade.Mix = function (el /* :HTMLElement */) {
    var interval;
    var alpha = 100;
    var h = el.offsetHeight;
    function mix () {
        if (alpha <= 0) {
            clearTimeout(interval);
            oNode.RemoveNode(el, el.parentNode);
            return;
        }
        CSS.SetAlpha(el, alpha);
        var _h = Math.floor(h * alpha / 100);
        el.style.height = _h + 'px';
        el.style.lineHeight = _h + 'px';
        alpha -= 2;
        interval = setTimeout(mix, 10);
    }
    mix();
};