使用 jQuery 和 CSS3 创建自定义旋转动画

使用 jQuery 和 CSS3 创建自定义旋转动画

版本:

浏览量:167

最后更新:2021-09-07

应用标签:MAC 软件Jquery插件

推荐指数:

详细信息

一个超小型 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
});

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。