分类

JavaScript入门（二）

JAVA学习网 2017-11-05 10:12:02

使用JS完成首页轮播图效果

HTML核心代码

 

确定事件：onload  加在body里面！

<body onload="init()">

 

给指定的图片位置定义一个id

<img src="../img/1.jpg" width="1300px" id="img1"/>

 

JS的核心代码

<script>

function init(){

setInterval("changeImg()",3000);

}

 

var i=1;

function changeImg(){

i++;

var imgEl = document.getElementById("img1");

imgEl.src="../img/"+i+".jpg";

if(i==3){

i=0;

}

}

 

</script>
阅读(763) 评论(0)