【第22期】观点:IT 行业加班,到底有没有价值?

js中控制图片的循环播放

原创 2016年05月31日 08:33:47
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function testbtu1(){
document.getElementById("image").src="../images/img/igloo-800_1x.jpg";
};
function testbtu2() {
document.getElementById("image").src="../images/img/render1_1x.jpg";
};
function testbtu3() {
document.getElementById("image").src="../images/img/space_1x.jpg";
};
function testbtu4() {
document.getElementById("image").src="../images/img/trees_1x.jpg";
};
var s=new Array("../images/img/igloo-800_1x.jpg","../images/img/render1_1x.jpg","../images/img/space_1x.jpg","../images/img/trees_1x.jpg");
var index=0;
function xunhuan() {
         imageCanvas = document.getElementById('image');
         imageCanvas.src=s[index];
         if(index >=4)
          {index=0;}
          else
           {index++;}
if(index!=0){
             window.setTimeout(xunhuan,3000); 
}
else{
window.setTimeout(xunhuan,0)}
}

</script>
<style type="text/css">
#but1 {
position: absolute;
left: 250px;
top: 280px;
}
#but2 {
position: absolute;
left: 290px;
top: 280px;
}
#but3 {
position: absolute;
left: 330px;
top: 280px;
}
#but4 {
position: absolute;
left: 370px;
top: 280px;
}
</style>
</head>
<body onLoad="xunhuan();">
<img src="../images/img/igloo-800_1x.jpg" alt="" id="image">
<input type="button" value="1" id="but1" onclick="testbtu1();">
<input type="button" value="2" id="but2" onclick="testbtu2();">
<input type="button" value="3" id="but3" onclick="testbtu3();">
<input type="button" value="4" id="but4" onclick="testbtu4();">
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

廖雪峰Python 3.X 教程

Python简介 Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间,为了打发无聊的圣诞节而编写的一个编程语言。 现在,全世界差不多有600多种编程语言,但流行的编...

Flash常见问题与解答

1. 论坛上常说的MC、FS、AS代表什么意思? MC=Movie Clip(动画片断);FS=FSCOMMAND,是Flash的一个非常重要的一个命令集合;AS=Action Script是Flash的编程语言。 2. 请说一下MC的详细运用,它和一般的层有什么区别?它用在什么情况下? ...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

144项大神级ppt制作技术

1. 两幅图片同时动作 PowerPoint的动画效果比较多,但图片只能一幅一幅地动作。如果你有两幅图片要一左一右或一上一下地向中间同时动作,可就麻烦了。其实办法还是有的,先安置好两幅图片的位置...

144项ppt制作技术

1. 两幅图片同时动作 PowerPoint的动画效果比较多,但图片只能一幅一幅地动作。如果你有两幅图片要一左一右或一上一下地向中间同时动作,可就麻烦了。其实办法还是有的,先安置好两幅图片的位置,选中它们,将之组合起来,成为"一张图片"。接下来将之动画效果设置为"...
  • wsql
  • wsql
  • 2010-10-30 00:22
  • 611

FLASH 东东

1. 论坛上常说的MC、FS、
  • MPU
  • MPU
  • 2007-07-18 10:23
  • 1421
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)