Question

jQuery Animate边框似乎在此代码中效果不佳： http://jsbin.com/ewuyup/13/edit

有没有人有任何想法来解决它？

我在jQuery网站上看到了Animate。

不完全支持速记CSS属性（例如字体，背景，边框）。例如，如果要为渲染的边框宽度设置动画，则必须至少预先设置“auto”以外的边框样式和边框宽度。或者，如果你想为字体大小设置动画，你可以使用fontSize或CSS等效的'font-size'而不是简单的'font'。

希望有人可以帮助我。

Answer 1

我设法做到了：在css中设置边框样式和颜色，并将borderWidth:"2px",放入动画中：

http://jsbin.com/ewuyup/20/

Answer 2

您无法为边框设置颜色和样式的动画（但是有动画颜色的插件），因此您可以先设置零宽度和正确的样式和颜色，然后使用"border-width"设置宽度的动画"border"：

示例：

$(".message_box_red").css({
  "border": "0px solid blue"
}).animate({
  "border-width":"5px",
  "margin":"1px",
  "padding":"7px",
  "width":" 409px",
  "height":"20px"
},2000,function()

jQuery Animate Border似乎不起作用

2 个答案: