1

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

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

我在 Animate 的 jQuery 网站上看到了这个。

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

希望可以有人帮帮我。

4

2 回答 2

5

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

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

于 2012-10-07T11:33:06.810 回答
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()
于 2012-10-07T11:36:50.530 回答