我正在旋轉div,如下面的代碼所示。 問題是我不知道如何使元素從最後一個位置繼續時,我再次單擊它。我怎麼做? (我是能夠做到這一點在沒有在IE瀏覽器的方式)使用jQuery旋轉,請記住位置
HTML:
<div class="square">click me</div>
CSS:
.square {
background:red;
height:100px;
width:100px;
cursor:pointer;
}
JS:
$('.square').click(function() {
rotate($(this), -180, 1000);
});
function rotate(element, degrees, speed) {
element.animate({
borderSpacing: degrees
}, {
duration: speed,
step: function (now, fx) {
$(this).css('-webkit-transform', 'rotate(' + now + 'deg)');
$(this).css('-moz-transform', 'rotate(' + now + 'deg)');
$(this).css('transform', 'rotate(' + now + 'deg)');
}
});
}
只需使用兩種不同類型和交換撥動他們用jQuery。 –
你想要左側或右側圖像旋轉? – Illaya
你是什麼意思Paulie_D?我沒有問題Illaya – WIRN