在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/