您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

基于jquery ui的手动旋转元素插件jquery-ui-rotatable

51自学网 2022-05-05 14:34:51
  javascript

这是一个基于jquery ui的手动旋转的元素插件。它是对jquery ui插件的补充,添加了手动旋转元素的功能。点击鼠标即可实现旋转、拖拽的功能。简单实用,欢迎下载!本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!

配置参数

该基于jquery ui的手动旋转元素插件的可用配置参数有:

angle:元素的开始角度。
degrees:旋转的度数。
handle:旋转的手柄的图片的url地址。
handleOffset:手柄的位置,{top: 0, left: 0}。
radians:使用radians作为旋转的度数。
rotationCenterOffset:旋转的中心点位置,{top: 0, left: 0}。
snap:是否启用step步长。
step:按住shift键时,按指定的步长来旋转,默认为22.5度。
start:回调函数。
stop:回调函数。
rotate:回调函数。
transforms:在旋转元素上添加的CSS transforms。
wheelRotate:是否允许鼠标滚轮进行旋转。

插件的github地址为:https://github.com/godswearhats/jquery-ui-rotatable


下载地址:[ 下载地址1 ]
jQuery实现音乐播放器插件jsRapAudio
基于SVG的jquery手势密码解锁插件pattern-lock-js
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1