0

これを行うためのjqueryのプラグインが1つ見つからないため、質問があります

たとえば、10 個の div コンテナーが必要です。これらの div はフロートで表示され、ID などがあります。プラグインが必要か、この 10、20 などの div から必要な数を表示し、4、3、または必要な数と回転または移動

たとえば、最初の 4 div と 8 の後、..... などを表示し、このトランジションの効果を選択します

私はこれが必要です、私は多くのプラグインを見ますが、これを表示するための作品はありません。また、このプラグインまたはスクリプトなどが手動（手動または自動回転 - 検索スライダーなし）を矢印などで完全に動かすことができる場合でも、最も重要なものは数のみを表示します必要な div これらを回転させて他の div を表示し、最後に移動すると最初の div などを表示する

すべてを完全に理解していない場合は、ありがとうございます

よろしく!!!

4

1 に答える 1

1

QTransformを使用すると、回転、傾斜、拡大縮小、および移動が可能で、クロス ブラウザーで動作します。

をダウンロードしQTransform.jsて、html に含めます。


<script src="js/qTransform.js"></script>

div に固定の高さと幅を指定し、次のスクリプトを追加します。

$('#box4').delay(300).animate({rotate: '20deg'}, 500);
$('#box5').delay(700).animate({rotate: '50deg'}, 500);
$('#box6').delay(1200).animate({rotate: '80deg'}, 500);

どこで（box4、box5、box6は私のdiv IDです）。

はdelay(300), delay(700) & delay(1200)、300、500、および 1200 ミリ秒後にアニメーションを開始します。最後の 500 はアニメーションの長さです。

回転角度を手動で指定する場合は、次のようにします。

角度を変数に取ります。例えば

var degAngle = 60;

そしてそれを次のようにスクリプトに追加します

$('#box4').delay(300).animate({rotate: degAngle+'deg'}, 500);

回転に加えてスケールなどの複数の効果を提供することもできます。例えば、

$('#box4').delay(300).animate({scale: '1.5', rotate: '20deg'}, 500);


なぜ QTransform?

今日まで、jQuery は CSS3 アニメーションをサポートしていません。このプラグインは、目標を達成するのに役立ちます。



これがうまくいくことを願っています。

于 2013-04-08T09:36:48.663 に答える