我尝试制作一个切换按钮,每次单击我的图像(箭头)都会旋转 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/
最佳答案
你可以这样写。 demo
jQuery(document).ready(function(){
var deg_temp =45;
jQuery("#image1").click(function(){
deg_temp = deg_temp+30;
jQuery(this).rotate(deg_temp);
})
});
关于javascript - 使用 onclick 旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14396614/