jquery.rotate.js实现旋转动画

1.页面引入jquery.rotate.js文件， 下载地址：https://files.cnblogs.com/files/zhoujl-5071/jquery.rotate.js（打开这个网址，ctrl+s就好了）　

　　文件路径根据自己实际情况来写。

2.或页面加载直接执行，或通过绑定事件触发，让目标元素转起来

$('#container').rotate({ 
	bind : {
		mouseover : function(){
		     $(this).find(".icon").rotate({animateTo: 180,duration:500});
		}, mouseout : function(){
		     $(this).find(".icon").rotate({animateTo: 0,duration:500});
		}
	}
});

　　我这里实现的效果是：鼠标移到'#container'上边时，'icon'顺时针旋转180度（用时0.5秒），鼠标移出时逆时针旋转180度（用时0.5秒）。

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

转载于:https://www.cnblogs.com/zhoujl-5071/p/9648090.html