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

JavaScript017

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

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

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

页面结构如图

javascript代码如下

$(function() {

var r = 0

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

r += 90

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

})

})

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

   transform: rotate(360deg)

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

呵呵

没错，那个循环插入的方法中

newChild[newChild.length-i-1]是从0开始的

但你要知道这句的意思：var newRow=node.insertRow(0)

这句话表示在第一行的前面插入新的一行，

所以新插入的就成为第一行了

原来的第一行就成为第二行了

所以插的越早，它就越靠后了

等全部插完以后在页面上看起来就翻转了

希望我解释的你能听明白

------------------

我晕噢

node.insertRow(0)就是在第一个tr的前面插入新的tr

如果table里面本身没有tr，那就是直接插入tr喽

有这么难理解吗？？？？

----------------------

楼主你的理解力这么强，还是期望有一个高手帮你解决吧

本人愚昧，甘拜下风！