当前位置:首页 > H5 > 正文内容

js图片旋转插件jqueryrotate

高老师9年前 (2017-09-15)H52106

jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。

如果提示方法不存在,可能是你的Jquery版本过低或者过高。

基本语法:

$('#img').rotate(90);//旋转90度

其他的参数:

参数类型说明默认值
angle数字旋转一个角度0
animateTo数字从当前的角度旋转到多少度0
step函数每个动画步骤中执行的回调函数,当前角度值作为该函数的第一个参数
easing函数自定义旋转速度、旋转效果,需要使用 jQuery.easing.js
duration整数旋转持续时间,以毫秒为单位
callback函数旋转完成后的回调函数
getRotateAngle函数返回旋转对象当前的角度
stopRotate函数停止旋转

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/256.html

分享给朋友:

“ js图片旋转插件jqueryrotate” 的相关文章

HTML5的离线缓存技术

HTML5的离线缓存技术

离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下    AddType application/x-compress .Z    AddType application/x-gz...

websql的使用方法

websql的使用方法

<!--          三个核心方法          openDatabase:这个方法使用现有数据库或创建...

Javascript事件冒泡和捕捉的阻止

Javascript事件冒泡和捕捉的阻止

<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="utf-8"> </head> <bo...

Javascript页面播放语音,Javascript语音读取页面的文字

Javascript页面播放语音,Javascript语音读取页面的文字

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type...

使用js让手机震动,js实现手机震动

使用js让手机震动,js实现手机震动

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head>  ...

setTimeout在循环执行顺序的思考

setTimeout在循环执行顺序的思考

朋友面试时候遇到的问题,我天真的认为会输出0,1,2,但是实际一直只输出2,2,2。通过了解才执行Js自身是单线程的环境,for循环本身是同步代码,setTimeout是异步代码。单线程的语言不能同时做2件事情,必须做出选择。于是Js引擎决定了当我执行完成同步的代码,再去执行异步的代码。当执行异步的...