domReady(mootools)后的Fx.Slide SlideIn效果

时间:2012-07-13 07:32:07

标签: javascript mootools

任何人都知道这个javascript代码有什么问题吗? 它被执行,但幻灯片动画未显示

我正在使用mootools 1.2.4

  • mootools-1.2.4-core.js
  • mootools的-1.2.4.4-more.js

我的第一次尝试:

   window.addEvent('domready', function () {
        var mySlide = new Fx.Slide('errorBox');
        var ie = /MSIE (\d+\.\d+);/.test(navigator.userAgent);

        if ((ie && document.getElementById("errorBox").innerText == "") || !ie && document.getElementById("errorBox").textContent.trim() == "") {
            mySlide.hide();
        }
        else if (!ie && document.getElementById("errorBox").textContent.trim() == "") {
            mySlide.hide();
        } else {
            mySlide.slideIn();
        }
    });

添加延迟也没有帮助,在页面被删除后,框出现没有任何延迟或动画

    window.addEvent('domready', function () {
        var mySlide = new Fx.Slide('errorBox');
        var ie = /MSIE (\d+\.\d+);/.test(navigator.userAgent);

        if ((ie && document.getElementById("errorBox").innerText == "") || !ie && document.getElementById("errorBox").textContent.trim() == "") {
            mySlide.hide();
        }
        else if (!ie && document.getElementById("errorBox").textContent.trim() == "") {
            mySlide.hide();
        } else {
            mySlide.slideIn().chain(function () {
            // Waits one second, then the Element appears without transition.
                this.slideIn.delay(5000, this);
            });
        }
    });

由于

0 个答案:

没有答案