1

このコードでは、jQuery Animate の境界線がうまく機能していないようです: http://jsbin.com/ewuyup/13/edit

誰かがそれを修正する考えを持っていますか?

Animate の jQuery サイトでこれを見ました。

簡略化された CSS プロパティ (フォント、背景、境界線など) は完全にはサポートされていません。たとえば、レンダリングされた境界線の幅をアニメーション化する場合、少なくとも「自動」以外の境界線のスタイルと境界線の幅を事前に設定する必要があります。または、フォント サイズをアニメーション化する場合は、単純に「font」ではなく、fontSize または CSS の同等の「font-size」を使用します。

誰かが私を助けてくれることを願っています。

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 に答える