1

float:left を使用して複数の div 要素が隣り合っています。ここで、fadeOut() を使用して jQuery によって div 要素の一部が非表示になると、CSS トランジションで残りの div を左にアニメーション化する必要があります。現在、彼らはそこに飛び乗っているだけです。

以下に小さな例を示します。

<div>
  <div id="a" style="float:left;width:50px;height:50px">
  <div id="b" style="float:left;width:50px;height:50px">
  <div id="c" style="float:left;width:50px;height:50px">
  <div id="d" style="float:left;width:50px;height:50px">
  <div id="e" style="float:left;width:50px;height:50px">
  <div id="f" style="float:left;width:50px;height:50px">
</div>

ここで、c.fadeOut() が呼び出されると、d、e、f が左にアニメーション化されます。どうすればこれを達成できますか？

4

3 に答える 3

-1

div に CSS トランジションを追加してみましたか?

このようなものがうまくいくはずです。

div {
      transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out; /* For IE */
}

どんな効果やタイミングでも。

于 2013-07-29T18:09:39.617 に答える