html点击图片翻转效果 jquery+css 点击图片旋转特效

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);

});

点击旋转