<script>
var n = 0;
var cssInterval;
function startRotate() {
n = n – 2;
$(“.messageTitle em”).css({
“transform”: “rotate(” + n + “deg)”,
“webkitTransform”: “rotate(” + n + “deg)”,
“OTransform”: “rotate(” + n + “deg)”,
“MozTransform”: “rotate(” + n + “deg)”
});
if (n == -180 || n == -360) {
clearInterval(cssInterval);
if (n == -360) {
n = 0
};
}
}
$(document).ready(function() {
$(“.messageTitle em”).click(function() {
clearInterval(cssInterval);
cssInterval = setInterval(“startRotate()”, 1);
});
</script>
<div class=”messageTitle”>点击旋转<em><img src=”http://nvyou.zhaicool.net/wp-content/themes/edc/img/logo.png”></em></div>
未经允许不得转载：前端撸码笔记 » jquery+css 点击图片旋转特效