我想用jquery实现一个图片旋转，写了下面的简单代码，哪里不对啊？

你没有引入jq插件。

为柳北等地区用户提供了全套网页设计制作服务，及柳北网站建设行业解决方案。主营业务为成都网站建设、网站建设、柳北网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

jq本身没有rotate方法，，你要引入jquery.rotate.min.js

jquery图片旋转问题

$("#cao").rotate(i);这里rotate方法是什么？jquery没有这个方法吧。

img src="a.png" /

$(function () {

var degrees = 0;

var $elie = $("img");

function rotate() {

++degrees;

if (degrees 360) {

degrees = 0;

}

$elie.css({

'-webkit-transform': 'rotate(' + degrees + 'deg)',

'-moz-transform': 'rotate(' + degrees + 'deg)',

'-ms-transform': 'rotate(' + degrees + 'deg)',

'-o-transform': 'rotate(' + degrees + 'deg)',

'transform': 'rotate(' + degrees + 'deg)'

});

setTimeout(rotate, 50);

}

rotate($elie, 45);

});

jquery如何让图片放大旋转一定角度

这个现在可以用css3来完成来；

transform: rotate(90deg) 旋转90度

transform: scale(1.2); 放大1.2倍

js设置图片随机旋转角度

代码应该是：

imgcss[i].style.transform="rotate(" + j + ")";

首先 j是变量 双引号里面套单引号 还是字符串， 不是变量

其次 字符串拼接要写加号

jquery.rotate.js库中的rotate函数怎么用。

rotate是jQuery旋转rotate插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。

rotate（angle）angle参数：［Number］ – 默认为 0

根据给定的角度旋转图片例如：

$（“#img”）.rotate（45）;或 $(‘#img’).rotate({angle:45})

rotate（parameters）parameters参数：［Object］ 包含旋转参数的对象。

支持的属性：

1.angle属性：［Number］ – default 0 – 旋转的角度数，并且立即执行

例如：1$（“#img”）.rotate（{angle:45}）;

2.bind属性：［Object］ 对象，包含绑定到一个旋转对象的事件。事件内部的$（this）指向旋转对象-这样可以在内部链式调用- $（this）.rotate（…）。

例如 （click on arrow）：

$（“#img”）.rotate（{bind：{

click： function（）{

$（this）.rotate（{

angle： 0，

animateTo:180

}）

}

}

}）;

3.animateTo属性：［Number］ – default 0 – 从当前角度值动画旋转到给定的角度值 （或给定的角度参数）

4.duration属性：［Number］ – 指定使用animateTo的动画执行持续时间

例如 （click on arrow）：

$（“#img”）.rotate（{bind：{

click： function（）{

$（this）.rotate（{

duration:6000，

angle： 0，

animateTo:100

}）

}

}

}）;

5. step属性：［Function］ – 每个动画步骤中执行的回调函数，当前角度值作为该函数的第一个参数

6.  easing属性：［Function］ – 默认 （see below）

默认：function （x， t， b， c， d） { return -c * （（t=t/d-1）*t*t*t - 1） + b; }

Where:

t： current time，

b： begInnIng value，

c： change In value，

d： duration，

x： unused

没有渐变：No easing （linear easing）：function（x， t， b， c， d） { return （t/d）*c ; }

 

示例1:没有效果，一直转

$("#scImg").rotate({

angle:0,

animateTo:360,

callback: rotation,

easing: function (x,t,b,c,d){     

return (t/d)*c ;

}

});

示例2: 默认的效果

$("#scImg").rotate({

angle:0,

animateTo:360,

callback: rotation,

easing: function (x,t,b,c,d){

return -c*((t=t/d-1)*t*t*t-1)+b ;

}

});

示例3：

$（“#img”）.rotate（{bind：{

click： function（）{

$（this）.rotate（{

angle： 0，

animateTo:180，

easing： $.easing.easeInOutElastic

}）

}

}

}）;

7.callback属性：［Function］ 动画完成时执行的回调函数

例如

$（“#img”）.rotate（{bind：{

click： function（）{

$（this）.rotate（{

angle： 0，

animateTo:180，

callback： function（）{ alert（1） }

}）

}

}

}）;

8. getRotateAngle这个函数只是简单地返回旋转对象当前的角度。

例如：

$（“#img”）.rotate（{

angle： 45，

bind： {

click ： function（）{

alert（$（this）.getRotateAngle（））;

}

}

}）;

9.stopRotate这个函数只是简单地停止正在进行的旋转动画。例如：

$（“#img”）.rotate（{

bind： {

click： function（）{

$（“#img”）.rotate（{

angle： 0，

animateTo： 180，

duration： 6000

}）;

setTimeout（function（）{

$（“#img”）.stopRotate（）;

}， 1000）;

}

}

}）;

js或jQuery实习图片以中心360度的旋转特效

这是CSS3里面的属性,

以中心为圆点旋转:transform-origin:center 0px;

旋转角度:transform:rotate(360deg);

顺时针旋转角度;

旋转角度可以写在js代码里,点击旋转或者加载页面旋转.都行

分享文章：jquery图片旋转,jq图片切换
标题网址：http://kswjz.com/article/dsdscis.html