十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
有两处错误:
苏州网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联建站成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。
一、
应该是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
这是截图:
怎么个翻法?我给你个代码,使用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
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
正在给你写代码,稍等...
----
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
应该是var i= arr.length ; i 0; i--才对吧,你这个直接就是newArr每个都是一样的了
或者用reverse()方法可以直接倒叙输出数组,不过你的数组得是Array类型的
现在我们以这个苹果的图片作为例子
我将演示代码写在这个页面网页链接,下面解释其用法。
页面结构如图
javascript代码如下
$(function() {
var r = 0;
$('img').click(function() {
r += 90;
$(this).css('transform', 'rotate(' + r + 'deg)');
});
});
核心思路是控制图片的这个css属性:
transform: rotate(360deg);
其中360deg就是360度,点一次旋转90度