如何在窗口大小调整元素宽度动画？

Question

不确定我是否正确这样做但是jq动画有点停滞并且它正在改变，这取决于你是否在调整大小时按住鼠标（LC）会导致每次都产生奇怪的效果 http://jsfiddle.net/yMcXm/15/

如果窗口大小小于680px，所需效果可以平滑调整大小，如果大于680，则调整大小为20％

我可能使用错误的功能不确定。

感谢任何帮助。

Answer 1

尝试如下，

var timer = null;
$(window).resize(function() {
    var getWidth = $(window).width();

    if (timer != null) clearTimeout(timer);

    timer = setTimeout(function() {
        alert(getWidth);
        if (getWidth < 680) {
            $(".box").animate({
                width: "49%"
            }, 1000);
        } else if (getWidth > 680) {

            $(".box").animate({
                width: "20%"
            }, 1000);
        }
    }, 500);

});

DEMO： http://jsfiddle.net/yMcXm/16/