jQuery图片旋转插件jQueryRotate.js用法实例

本文实例讲述了jQuery图片旋转插件jQueryRotate.js用法。分享给大家供大家参考，具体如下：

推荐一个图片旋转插件，用于浏览相册时，旋转图片。

运行效果截图如下：

点击此处查看在线演示效果。

具体代码如下：

<script type="text/javascript">

$(document).ready(function () {

$("#images").rotate(45);

var value = 0

$("#images1").rotate({

bind:

{

mouseover: function(){

value +=90;

$(this).rotate({ animateTo:value})

}

}

});

$('#button').click(function(){

$("#images1").rotate({animateTo:parseInt($('#angel').val())});

});

function rotation (){

$("#images2").rotate({

angle:0,

animateTo:360,

callback: rotation,

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

return c*(t/d)+b;

}

});

}

rotation();

});

</script>

希望本文所述对大家jQuery程序设计有所帮助。