动画在Jquery中旋转 [英] Animate Rotate In Jquery

问题描述

 您好 亲爱的。我 旺旺   创建  Slider  在  Jquery 。我 旺旺   使用  Animate  旋转  Effet  但是 我的 代码 剂量 不 工作。  帮助 我。感谢。 
 
  var   cssobj   =  {
-webkit-transform： rotate：4deg，scale：1，skew： 1deg，翻译：10px，
-webkit-transform：rotate：360deg，scale：1，skew：1deg，translate：0px，
-moz-transform：rotate： 4deg，scale：1，skew：1deg，translate：10px，
-moz-transform：rotate：360deg，scale：1，skew：1deg，translate：0px，
 - webkit-animation：cssAnimation：2.0552s，16，ease-in-out，
-moz-animation：cssAnimation：2.0552s，16，ease-in-out，
 -o-animation：cssAnimation：2.0552s，16，easy-in-out，
}  
 
 $（ul 。  slider-holder  li：eq（ +   index   + ））。css（cssobj）; 

解决方案

（ul 。 slide-holder li：eq（ + index + ））。css（cssobj）;

查看以下链接

< a href =http://www.script-tutorials.com/creating-rotate-slider-with-easing-effects/> http://www.script-tutorials.com/creating-rotate-slider-with-缓和效果/ [ ^ ]

Hi Dear.I Want To Create Slider In Jquery.I Want To Use Animate Rotate Effet But My Code Dose not Work.Please Help Me.Thanks.

var cssobj = {
                "-webkit-transform":  "rotate: 4deg, scale: 1, skew: 1deg, translate: 10px" ,
                "-webkit-transform":  "rotate: 360deg, scale: 1, skew: 1deg, translate: 0px" ,
                "-moz-transform":  "rotate: 4deg, scale: 1, skew: 1deg, translate: 10px" ,
                "-moz-transform":  "rotate: 360deg, scale: 1, skew: 1deg, translate: 0px" ,
                "-webkit-animation":  "cssAnimation: 2.0552s, 16, ease-in-out" ,
                "-moz-animation":  "cssAnimation: 2.0552s, 16, ease-in-out",
                "-o-animation":  "cssAnimation: 2.0552s, 16 ,ease-in-out" ,
 }

$("ul.slider-holder li:eq(" + index + ")").css(cssobj);

解决方案

("ul.slider-holder li:eq(" + index + ")").css(cssobj);

Have a look at following link
http://www.script-tutorials.com/creating-rotate-slider-with-easing-effects/[^]

这篇关于动画在Jquery中旋转的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！