码迷,mamicode.com
首页 > 编程语言 > 详细

js 数组切换图片

时间:2016-08-20 23:11:42      阅读:499      评论:0      收藏:0      [点我收藏+]

标签:

<html>
<head>
<meta charset="utf-8" />
<title></title>


<script type="text/javascript">
window.onload=function(){

var img=document.getElementById(‘img‘);

var num=0;
var a=[‘img/16.jpg‘,‘img/2.jpg‘,‘img/2 (12).jpg‘,‘img/2(13).jpg‘];
var btn1=document.getElementById(‘btn1‘);
var btn2=document.getElementById(‘btn2‘);


btn1.onclick=function(){


num++;
if(num==4){

num=0;

}
img.src=a[num];
}
btn2.onclick=function(){



if(num==0){

num=4;

}
num--;
img.src=a[num];
}



}

</script>
</head>
<body>



<img src="img/16.jpg" height="400px" width="400px" id="img" />

<input type="button" value="+" id="btn1" />
<input type="button" value="-" id="btn2" />

</body>
</html>

js 数组切换图片

标签:

原文地址:http://www.cnblogs.com/lidepeng/p/5791316.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!