javascript - 使用 onclick 旋转图像

Question

我尝试制作一个切换按钮，每次单击我的图像(箭头)都会旋转 180 度:

<a href='#' onclick='$(\"#divToggle\").slideToggle(\"slow\");'>
<img src='blue_down_arrow.png' onclick='$(this).rotate(180);' /></a>

<div id='divToggle' style='display:none;'>...CONTENT...</div>";

此代码切换我的 div，但图像仅在第一次单击时旋转，然后保持“向上”状态。我正在使用这个:http://code.google.com/p/jqueryrotate/

Answer 1

你可以这样写。 demo

jQuery(document).ready(function(){
   var deg_temp =45;
  jQuery("#image1").click(function(){
     deg_temp = deg_temp+30;
  jQuery(this).rotate(deg_temp);
  })

});