轮播图
实现效果:
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;
}
}