为什么这个JavaScript淡入功能不起作用

时间:2011-04-25 22:38:48

标签: javascript

    fadeIn = function(r, s) {
        var self = this, t;
        if (!self instanceof Element) return false;
        t = setInterval(function() {
            self.style.opacity = (self.style.opacity) + s;
            if (self.style.opacity == ".90") {
                clearInterval(t);
            }
        }, r);
    }
box = document.getElementById("box");
fadeIn.apply(box, [30, .2]);

我知道我会更好地使用JQuery,但我只是在尝试。当我点击“方框”时,不透明度会被大幅降低,但会降至0.1,但这并不像我希望的那样褪色。

1 个答案:

答案 0 :(得分:0)

我建议你在应用不透明度时加上延迟,解释得很清楚here

编辑:

观看一些评论您的录取率的用户,回到您的一些旧问题,并接受一些答案,如果他们适合您,或者评论或编辑您的问题,以便获得可接受的答案。< / p>

EDIT2:

看看史蒂文说的话:

在这一行:self.style.opacity =(self.style.opacity)+ s;你正在为一个数字添加一个列表[30,.2]。根据你的间隔,r应该是一个数字,但它是一个盒子... box = document.getElementById(“box”); ......所以你的功能并没有达到预期的输入