我怎么能不断增加尺寸?

时间:2011-05-04 17:39:53

标签: jquery

<img src="/images/foo.png" id="bar">

一旦页面加载完毕,我想慢慢稳定地增加图像的大小。

2 个答案:

答案 0 :(得分:3)

$(window).load(function ()
{
    $('#bar').animate({width: 10000}, 100000);
});

http://jsfiddle.net/mattball/Vekwa/


改进@Dutchie's never-ending growth implementation

$(window).load(function ()
{
    var $bar = $('#bar');

    function grow()
    {
        $bar.animate({width: '+=1px'}, 20, grow);
    }

    grow();
});

http://jsfiddle.net/mattball/7bAhY/

答案 1 :(得分:2)

来自Matt Ball的答案最有可能 - 但最终会停止。看看我的never-ending growing image

setInterval(function(){
    $('#bar').css({width: "+=1px", height: "+=1px"});
}, 100);