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

JavaScript08

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喽

有这么难理解吗????

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

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

本人愚昧,甘拜下风!