javascript翻转,JavaScript翻转字符串里的单词

JavaScript 创建数组翻转必须只能倒序吗？

有两处错误：

一、

应该是i++，不是1++。

二、

应该是arr.length-1-i，不是arr.length-i。

改好后是这样的：

script

arr = [3, 5, 7, 9, 11];

newArr = [];

for (var i = 0; i arr.length; i++)

{

newArr[i] = arr[arr.length-1-i];

}

console.log(newArr);

/script

其实翻转数组可以调用函数reverse来实现，像这样：

script

arr = [3, 5, 7, 9, 11];

arr.reverse();

console.log(arr);

/script

这是截图：

相关问答

Q1: js数字翻动效果

怎么个翻法？我给你个代码，使用js控制文本添加css的动画功能，你举一反三吧。

!DOCTYPE html

html

head

    meta charset="utf-8" /

    title/title

    style type="text/css"

        @keyframes rotate {

            from {

                transform: rotate(0);

            }

            to {

                transform: rotate(360deg);

            }

        }

        div {

            width: 100px;

            height: 100px;

            line-height: 100px;

            text-align: center;

            background-color: cornflowerblue;

            color: white;

            cursor: pointer;

        }

        .rotate {

            animation: rotate 5s linear infinite normal;

        }

    /style

/head

body

    div onclick="rotate(this)"点我翻转/div

    script type="text/javascript"

        function rotate(item) {

            if(item.classList.contains("rotate")) {

                item.classList.remove("rotate");

            } else {

                item.classList.add("rotate");

            }

        }

    /script

/body

/html

Q2: 关于要怎么点击一张图片实现有反转效果，点击正面反转成另一张图片，用javascript 和css应

html

titlejs实现按钮控制图片90度翻转特效/title

body

script language="javascript"

var isIE = (document.uniqueID)?1:0;

var i=1;

function rotate(image)

{

var object = image.parentNode;

if(isIE){

image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")";

i++;

if(i4) {i=1};

}

else{

try{

var canvas = document.createElement('canvas');

if(canvas.getContext("2d")) {

object.replaceChild(canvas,image);

var context = canvas.getContext("2d");

context.translate(300, 0);

context.rotate(Math.PI*0.5);

context.drawImage(image,0,0);

}

}catch(e){}

}

}

/script

input type="button" value="点击旋转图片" onclick="rotate(document.getElementById('myimg'))" /br /

img id="myimg" src="1.jpg"/

!-- 图片路径你自己替换 --

/body

/html

Q3: javascript如何使图象翻转

正在给你写代码,稍等...

－－－－

2008-3-28

!-- 把如下代码加入body区域中 --

script language="Javascript"

!--

if (document.images) {

button1 = new Image

button2 = new Image

button1.src = ''

button2.src = ''

}

//--

/script

a href="" onmouseover="document.rollover.src=button2.src"

onmouseout="document.rollover.src=button1.src"

img src="" border=0 name="rollover"/a

Q4: js 翻转数组 只能用for反向吗？

应该是var i= arr.length ; i  0; i--才对吧，你这个直接就是newArr每个都是一样的了

或者用reverse()方法可以直接倒叙输出数组，不过你的数组得是Array类型的

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

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

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

页面结构如图

javascript代码如下

$(function() {

var r = 0;

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

r += 90;

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

});

});

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

   transform: rotate(360deg);

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