0

i have question because i can´t find one plugin in jquery for do this

I need have for example 10 divs containers , these divs show with float left with his id , etc , i need plugin or something can show the number i want from this 10 , 20 , etc divs and show in groups of 4 , 3 , or the number i want and rotate or move

For example show first 4 divs and after 8 , ..... etc and select the effect for this transition

I need this , i see many plugins but no works for show this , also if this plugin or script , etc can let manual ( manual or auto rotate - no search sliders ) move with arrows etc perfect but the most important show only the number of divs i want and rotate these and show the other divs and when go to the end show other time the first div , etc

Thank´s sorry if no understand perfectly all

Regards !!!

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 回答