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动画。这个插件可以帮助你实现你的目标。
希望这适用于你。
你的问题目前还不清楚。你想要什么?你想在特定的时间间隔或其他东西后旋转特定的div吗? – Debopam 2013-04-08 07:33:17
不仅每隔一定时间旋转div或手动模式下旋转的可能性 – user2202136 2013-04-08 08:15:53