滚动位置的动画条

时间:2013-02-25 15:14:38

标签: jquery

我用jquery创建了一些动画条。我只是在学习jQuery& JavaScript的。它在昨晚工作,在某个滚动位置时动画条动画但现在它不起作用,没有任何改变。有人帮帮我吗?或者,有没有比我正在做的更好的方法呢?

http://jsfiddle.net/FkUYf/1/

$(document).ready(function(){
    $(document).scroll(function() {
        var top = $(document).scrollTop();
        console.log(top);
        if (top > 930) $("#html, #css").animate({width:"100%"}, 2000);
        if (top > 930) $("#javascript").animate({width:"70%"}, 2000);
        if (top > 930) $("#php").animate({width:"50%"}, 2000);
        if (top > 930) $("#mysql").animate({width:"30%"}, 2000);
        if (top > 930) $("#wordpress").animate({width:"60%"}, 2000);
    });
});

1 个答案:

答案 0 :(得分:1)

你似乎没有达到930保证金。它的工作正常330

http://jsfiddle.net/FkUYf/2/