3

2つのCSSクラス（c1とc2）があり、CSS3トランジションでそれらを切り替えています。

ここで、divをとの間の状態（たとえば、60％と40％）に（アニメーションではなく）維持したいと思います。（との間の持続時間が1秒のトランジションを再生する場合、0.4秒で表示されるフレームの状態が必要です）c1c2c1c2c1c2

c1また、c2多くのプロパティ（変換など）があるため、必要なパーセントで各プロパティを計算して、に設定するのは簡単ではありませんdiv。

この目的のためのCSS/jQueryメソッドはありますか？

4

2 に答える 2

2

jQueryUI のswitchClass関数は関数引数をaddClassサポートしていないため、stepこれを実現するのは非常に困難です。

ただし、アニメーションコード自体でスタイルを指定できる場合は、これを行うことができます - このフィドルを確認してください: http://jsfiddle.net/techfoobar/fAZqn/2/

于 2012-08-10T12:10:42.723 に答える
0

これがjsFiddleの動作であり、構造は次のとおりです。

jQuery：

//setting animation values
var value1 = 60;
var value2 = 40;

$('a').click(function(){
 var takeClass = $(this).attr('class');
 //takes class from clicked element

 var selectEle = $('.'+ takeClass +'Box');
 //creating selector with takeClass value

 $('span').not(selectEle).animate({'width':value2+'px','height':value2+'px'},90);
 selectEle.animate({'width':value1+'px','height':value1+'px'},90);
});​

html：

<a class="c1">1</a>
<a class="c2">2</a>
<span class="c1Box"></span>
<span class="c2Box"></span>​
于 2012-08-24T08:27:13.477 に答える