webkit圖像旋轉與javascript/jquery，沒有樣式表

我有一個按鈕，我想旋轉45度，當它被點擊，當它再次點擊時，它再次旋轉45度。我無法使用樣式表，因爲它只使用JavaScript http://jsfiddle.net/7b4VZ/3/，並且想知道它是否可以設置爲類，然後再使用JavaScript，然後我可以將它設置爲帶有jQuery的切換類？webkit圖像旋轉與javascript/jquery，沒有樣式表

代碼撥弄：

var img = document.images[0]; 
img.style.setProperty("-webkit-transition", "left 2s linear"); 
var slide = function(){ 
img.style.setProperty("left", "200px"); 
setTimeout(function(){ 
    img.style.setProperty("left", "0px"); 
    setTimeout(slide,2000);  
},2000); 
} 

slide();

來源

2012-09-30 loriensleafs

你想動畫旋轉？ –

是的，我做到了，有可能嗎？ – loriensleafs

您可以使用CSS轉換爲旋轉：http://jsfiddle.net/antishok/7b4VZ/60/

來源

2012-09-30 05:48:25 antishok

oo，這很好，有兩件事，是否有可能擁有它，所以它實際上並沒有滑動，只是等待被點擊，並且有可能擁有它，而不是旋轉回來，當它被點擊時再次旋轉fowards再次？我試圖添加的另一件事是我試圖滑動切換段落以及$（「＃effects_of_yoga_info」）。click（function（）{（「p＃effects_of_yoga_text」）。slideToggle（「fast」）; }）; – loriensleafs

這樣就可以讓該按鈕的旋轉和該段落的滑動同時發生，然後再次點擊該按鈕，同時關閉該按鈕並再次向前旋轉？ – loriensleafs

如果您不希望它滑動，請不要使用滑動代碼。如果你希望它繼續添加45，而不是在0和45之間切換，那就這樣做。 http://jsfiddle.net/antishok/7b4VZ/61/至於其他方面，它們與您發佈的問題無關。再試一試，如果你不能工作，用新的測試用例發佈一個新問題。 – antishok

webkit圖像旋轉與javascript/jquery，沒有樣式表

回答

相關問題