1. 程式人生 > >java復習題2

java復習題2

復習 習題 圖片轉換 輪播圖 換圖 lead set 懸停 window

輪播圖

實現效果:

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;

}

}

java復習題2