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程序设计有所帮助。

更多jQuery图片旋转插件jQueryRotate.js用法实例相关文章请关注PHP中文网！