博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery旋转插件jquery.rotate.js 让图片旋转
阅读量:4561 次
发布时间:2019-06-08

本文共 1127 字,大约阅读时间需要 3 分钟。

演示1 直接旋转一个角度$('#img1').rotate(45);演示2 鼠标移动效果$('#img2').rotate({    bind : {       mouseover : function(){           $(this).rotate({animateTo: 180});       }, mouseout : function(){           $(this).rotate({animateTo: 0});       }   }});演示3 不停旋转var angle = 0;setInterval(function(){   angle +=3;   $('#img3').rotate(angle);}, 50);var rotation = function (){   $('#img4').rotate({       angle: 0,        animateTo: 360,        callback: rotation   });}rotation();var rotation2 = function(){   $('#img5').rotate({       angle: 0,        animateTo: 360,        callback: rotation2,       easing: function(x,t,b,c,d){           return c*(t/d)+b;       }   });}rotation2();演示4 点击旋转$('#img6').rotate({    bind: {       click: function(){           $(this).rotate({               angle: 0,               animateTo: 180,               easing: $.easing.easeInOutExpo           });       }   }});var value2 = 0;$('#img7').rotate({    bind: {       click: function(){           value2 +=90;           $(this).rotate({               animateTo: value2           });       }   }});

  参考地址:

转载于:https://www.cnblogs.com/wwlhome/p/4608072.html

你可能感兴趣的文章
Java IDE 编辑器 --- IntelliJ IDEA 进阶篇 生成 hibernate 实体与映射文件
查看>>
关于C# XML序列化的一个BUG的修改
查看>>
Html5 舞动的雨伞
查看>>
快速构建Windows 8风格应用1-开发工具安装及模拟器使用
查看>>
Windows Phone 如果你把Pivot控件当成主页面,那么这篇文章你值得看。
查看>>
C#图像处理(各种旋转、改变大小、柔化、锐化、雾化、底片、浮雕、黑白、滤镜效果)...
查看>>
winform屏幕截图
查看>>
.NET(C#):XML序列化时派生类的处理
查看>>
sass学习笔记-输出方法
查看>>
Python之禅
查看>>
MongoDB分片集群配置实例
查看>>
mac 开启ntfs 权限
查看>>
laraval开发之QQ登录及QQ报错
查看>>
hibernate中的dialect解释
查看>>
基功太差,怨不得天,得下苦功——WAP面试,正式招聘号角响起
查看>>
resin4开启jmx
查看>>
Spring Boot+Mybatis+Pagehelper分页
查看>>
jsvc 启动java 在linux下的实现原理
查看>>
Ubuntu创建新用户并增加管理员权限
查看>>
MySQL库目录下db.opt文件的作用
查看>>