jQuery旋转动画

引入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旋转动画)