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

JavaScript入门(二)

时间:2017-11-04 15:07:11      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:tin   change   完成   ble   ++   首页轮播   script   interval   代码   

使用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>

JavaScript入门(二)

标签:tin   change   完成   ble   ++   首页轮播   script   interval   代码   

原文地址:http://www.cnblogs.com/hhg-index/p/7783154.html

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