js 怎么实现点击一次图片旋转90度,再点击再转90度呢

2025-01-01 14:18:57
推荐回答(2个)
回答1:

现在我们以这个苹果的图片作为例子

我将演示代码写在这个页面网页链接,下面解释其用法。

页面结构如图

javascript代码如下

$(function() {

var r = 0;

$('img').click(function() {

r += 90;

$(this).css('transform', 'rotate(' + r + 'deg)');

});

});

核心思路是控制图片的这个css属性:

   transform: rotate(360deg);

其中360deg就是360度,点一次旋转90度

回答2:





Document