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

java复习题2

时间:2018-01-17 20:15:33      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:interval   图片   win   sha   java   停止   复习   class   gpo   

轮播图

实现效果:

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

标签:interval   图片   win   sha   java   停止   复习   class   gpo   

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

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