详细信息
一个超小型 JavaScript 库，它使您能够使用 jQuery 和 CSS3 2D 转换在 Html 元素上应用自定义旋转动画。
如何使用它：
1. 将最新版本的 jQuery 库和 jQuery 旋转插件添加到您的文档中。
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="src/jquery.rotate.js"></script>2. 在您希望在页面加载时执行旋转动画的 Html 元素上调用插件。
$("#rotate").rotate();3.通过在初始化期间传递选项来自定义旋转动画。
$("#rotate").rotate({
// animation speed
speed: 5000,
// how many degrees you want to rotate
degrees: 360,
});4. 旋转动画完成后执行一个函数。
$("#rotate").rotate({
// OPTIONS
}, function(){
// DO SOMETHING
});
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。