要在點擊一個按鈕

我想旋轉90度，180度和按鈕360度的圖像旋轉圖像點擊要在點擊一個按鈕

<img class="test" id="image" src="images/image" alt="This is the Display Image" />

我已經使用這個劇本，我不喜歡它，因爲它只是顯示一個單個旋轉..

$(document).ready(function() { 
    $('#image').rotate({maxAngle:25,minAngle:-55, 
     bind: [ 
     {"mouseover":function(){$(this).rotateAnimation(85); } }, 
     {"mouseout":function(){$(this).rotateAnimation(-35); } } 
     ] 
    }); 
});

來源

2013-07-15 Bharu

$('input').click(function(){ 
    var img = $('img'); 
    if(img.hasClass('north')){ 
     img.attr('class','west'); 
    }else if(img.hasClass('west')){ 
     img.attr('class','south'); 
    }else if(img.hasClass('south')){ 
     img.attr('class','east'); 
    }else if(img.hasClass('east')){ 
     img.attr('class','north'); 
    } 
});

小提琴：http://jsfiddle.net/JkHqa/

*如果要合併動畫

來源

2013-07-15 04:32:35

非常感謝你..它的工作精細 – Bharu

你的代碼是完美的，但不是在IE9中工作:( –

呃......我是一個mac開發人員，並傾向於圍繞IE瀏覽器工作很多......嘗試查看哪些函數，即與（'hasClass'或'attr'）有關的問題，看看是否有工作週轉（可以使用'attr（classname）'而不是'hasClass（classname）'如果這個問題或他們可能是你可以使用'.class（）'而不是'attr'（'class'，value）'） –

或者，您可以使用CSS 3也能達到同樣的目標

#div:focus 
{ 
transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
-webkit-transform: rotate(90deg); 
}

來源

2013-07-15 04:28:29 user2216267

我想要點擊一個按鈕，我想旋轉圖像的各個方面..你有什麼想法嗎？ – Bharu

您可以使用CSS 3動畫（用於多次旋轉）>> style.display ='none'>> function show（） { document.getElementById（「thing」）。style.display =「inline」; }>將其更改爲內嵌點擊！ – user2216267

爲什麼這是低估。 – Orangepill

試試這個，我希望這將有助於看看JQuery的動畫功能

example

HTML

<img class="test" id="image" src="http://fbhunt.com/images/FBHUNT200.png" alt="This is the Display Image" /> 

<input type="button" value="click" id="clickme">

腳本：

$(document).ready(function() { 
    $(document).on('click','#clickme',function(){ 
     $("#image").css({'transform': 'rotate(90deg)'}); 
    }); 
});

來源

2013-07-15 04:36:07

你的JSFiddle無法正常工作 –

試試這個。 http://code.google.com/p/jqueryrotate/我希望這會幫助你。

來源

2013-07-15 05:53:29 Hitesh

不再有工作選項。 – Cutter

要在點擊一個按鈕

回答

相關問題