欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery旋转动画

程序员文章站 2022-07-13 11:42:42
...

引入jquery.rotate.js文件

下载地址:https://files.cnblogs.com/files/zhoujl-5071/jquery.rotate.js

<script type="text/javascript" src="js/jquery.rotate.js"></script>

文件路径根据自己实际情况来写,也可以直接用这个网站地址

$("#night").mouseover(function(){
	$("#night").rotate({animateTo: 360,duration:500});
});
$("#night").mouseout(function(){
	$("#night").rotate({animateTo: 0,duration:500});
});

实现的效果:鼠标移到#night上边时,#night顺时针旋转到360度(耗时0.5s),鼠标移出时逆时针旋转成0度(耗时0.5s)。

更多的用法请参考: https://www.cnblogs.com/cc11001100/p/6354234.html

相关标签: jquery javascript