2013-04-08 97 views
0

我有问题,因为我不能找到一个的jQuery插件做到这一点jQuery的旋转的div

我需要有例如10个div的容器,这些div表明用浮法留下了他的身份证,等等,我需要的插件或什么可以显示我想从这个10,20,等divs,并显示在我想要的数字,我想旋转或移动

例如显示前4个divs和后8,.. .. ...等等,并选择效果为这个转变

我需要这个,我看到很多插件,但没有工作显示这个,也如果这个插件或脚本等可以让手动(手动或自动旋转 - 没有搜索滑块)与箭头等移动完美,但最重要的只显示我想要的div的数量,并旋转这些和显示其他divs,当去结束显示其他时间第一个div等

谢谢对不起,如果没有完全理解所有

关心!

+0

你的问题目前还不清楚。你想要什么?你想在特定的时间间隔或其他东西后旋转特定的div吗? – Debopam 2013-04-08 07:33:17

+0

不仅每隔一定时间旋转div或手动模式下旋转的可能性 – user2202136 2013-04-08 08:15:53

回答

1

QTransform允许您旋转,倾斜,缩放和翻译,它可以跨浏览器工作。

下载并包含QTransform.js到您的html。


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

提供一个固定的高度,宽度的DIV(S),并添加下面的脚本:

$('#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动画。这个插件可以帮助你实现你的目标。



希望这适用于你。