在jQuery中进行宽度转换

Question

我有一个图像，当它徘徊时，我希望它的宽度使用jQuery增加。我知道怎么做，但现在我想让这个效果变慢，可能是500毫秒长，不是即时的。

我知道它应该很简单，我只是不知道语法。 如何实现这一目标？

这是我目前的剧本：

$("#example").width("250");

编辑：我遇到了另一个问题。我创建了两个脚本，一个用于使图像变大，另一个用于缩小图像。但是，脚本似乎非常错误和不平滑，并且无缘无故地在大小之间来回切换。我正在使用onmouseover和onmouseout来调整它的大小。

//Bigger
$("#example").animate({width: 250}, 200 );

//Smaller
$("#example").animate({width: 200}, 200 );

Answer 1

这应该是您所寻找的，它将以500毫秒的速度将示例div的宽度设置为250px

$("#example").animate({width: 250}, 500 );

希望有所帮助

编辑：关于您更新的问题：http://jsfiddle.net/Hfs7L/2/

Answer 2

$("#example").stop().animate({width:250}, 500); // bigger
$("#example").stop().animate({width:200}, 500); // smaller

使用jQuery .animate()和.stop()

Answer 3

关于您更新的问题： 尝试从动画队列中取出动画，因此在开始新动画之前不必完成：

//更大

$("#example").stop(true, true).animate({width: 250}, 200 );

//较小

$("#example").stop(true, true).animate({width: 200}, 200 );

Answer 4

$("#example").animate({width:'250'}, 500);