其他代码
基于jquery UI的拖拽摇摆效果插件
PetitQ
Swingdrag 是一款基于 jquery UI 的拖拽摇摆效果插件。它在原生 jquery ui 拖拽效果的基础上，使用 CSS3 的 transitions 和 transforms 来添加一些炫酷的摇摆效果。
使用方法：
在页面中引入 jquery 和 jquery-ui.min.js 以及 jquery.ui.swingdrag.min.js 文件。
也想出现在这里？联系我们吧
<script type="text/javascript" src="path/to/js/jquery.min.js"></script>
<script type="text/javascript" src="path/to/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="path/to/js/jquery.ui.swingdrag.min.js"></script>
HTML 结构：
例如要拖动一个<div>元素，其 HTML 结构如下：
<div id="container">要拖动的DIV元素</div>
初始化插件：
在页面 DOM 元素加载完毕之后，可以通过 swingdrag()方法来初始化 swingdrag 插件。
$("#container").swingdrag();
配置参数：
swingdrag 插件的可用配置参数如下：
$("#element").swingdrag({
// The angle of rotation in degree.rotationAngleDeg: 3,
// Indicates whether a pickup-/drop shadow should be shown.showShadow: true,
// The pick up scale factor indicates the size change during dragging.pickUpScaleFactor: 1.1
});
rotationAngleDeg：旋转的角度，默认值为 8
showShadow：是否显示阴影效果。默认为 true
pickUpScaleFactor：拖拽是元素的缩放比例。默认为 1.1
swingdrag 拖拽元素插件的 github 地址为：https://github.com/waxalot/swingdrag
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
