jquery .animate()没有动画

时间:2012-06-21 10:37:01

标签: jquery jquery-animate

我正试图让一个元素周围的边框淡出。

jquery animate .css上给出答案后,我使用了.animate() jquery函数,并按照教程on the jquery site进行了操作。

然而,我无法让它发挥作用。这是我在jsbin上的代码: http://jsbin.com/epojaw/2 悬停在文本上应该在其周围的边框淡入淡出,但相反,它只是突然出现。

为什么会这样?

2 个答案:

答案 0 :(得分:2)

通过将边框宽度从0px更改为1px,您正在使用淡入淡出效果。我假设步长是1px,所以是的,它会立即出现。

相反,您可以尝试使用边框颜色创建淡入淡出,例如从白色到红色。然后jQuery可以有更多的步骤,你的效果会更好。

答案 1 :(得分:1)

这是因为边框仅将边框1的宽度设置为1。

如果你设置10px的边框宽度,它会动画:http://jsbin.com/utiwoy/3