java复习题2

轮播图

实现效果:

1、每隔1秒换图片

2、鼠标悬停在图片上时循环停止

3、点击上一张、下一张按钮图片转换到上一张、下一张

js代码:

var tupian=null,

arr [ ],

num=-1,

setint=null;

window.onlead=function(){

tupian=document.getelementbyid("tp");

arr=["1.png","2.png","3.png"];

setint=setinterval(funcution(){

shang();

},1000);

}

function stopsetion(){

clearinterval(setint);

}

function shang(){

if(num==-1){

num1;

}

document.getelementbyid("tp").src=arr[num];num=num+1;

if(num>2){

num=0;

}

}

function xia(){

if(num==-1{

num=arr.lenght-1;

}

document.getelementbyid("tp").src=arr[num];

num=num-1;

if(num<0){

num=arr.lenght-1;

}

}

原文地址:https://www.cnblogs.com/lxl7806265/p/8304850.html