CSS2.0实现不了，CSS3.0有个rotate属性，写法：xxx:hover{-webkit-transform:rotate(360deg)}，但是不兼容IE10以下的浏览器
还有一种办法，再做一张旋转的图片，鼠标hover的时候变成那张旋转的图片就好了！
JS可能也可以实现，不过应该会很麻烦
css3可以搞定，但是不兼容ie8，你可以用js或者jq
您好：这个最简单也是最方便的方法就是做一个flash图片即可。
不过如果真需要js代码做的话可以这样：图片中有8个齿轮，你可以复制8个这样的图片用QQ图片查看器或者其比如PS，将齿轮偏转一个齿轮。正好8张图。然后用js，当鼠标指向图片的时候定时执行更换图片地址。这样就是不断变化图片地址来实现旋转效果。鼠标移开，然后停止定时即可。
希望帮得到你。希望采纳。
推荐给你一个最简单的方法，另外做一张动态图，鼠标滑过让他两张图片替换
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024