JS学习笔记之轮播图的实现

html代码：

1 <div id="thirdLine">
2 <img  id ="lunbo"src="img/1.jpg"  width="1500px"   height="700px"
3 </div>

JS代码：

 1 //实现轮播的主要函数
 2         function lb(){
 3             
 4             if(temp>3){
 5                 temp=1;
 6             }else{
 7             var lbp=    document.getElementById("lunbo");
 8             lbp.src="img/"+temp+".jpg";
 9             temp++;
10             }
11             
12         }
13 
14 window.onload=function(){
15             
16             setInterval("lb()",3000);
17 }

 

posted @ 2019-07-11 13:04  我叫张小凡  阅读(224)  评论(0)  编辑  收藏  举报