JavaScript实现轮播图效果

来源:互联网 发布:网络身份副本 编辑:程序博客网 时间:2024/05/18 00:16
<script>
function init(){
//1.设置轮播图的函数
setInterval("changeImg()",1000)
//2.设置弹出广告的函数
time=setInterval("showAd()",1000)
}
//书写展示广告的函数
function showAd(){
document.getElementById("yu").style.display="block";
//消除广告弹出的定式操作
clearInterval(time);
//为广告隐藏函数写定时操作
time=setInterval("hiddenAd()",3000)
}
//书写隐藏广告的函数
function hiddenAd(){
document.getElementById("yu").style.display="none";
clearInterval(time);

}

//轮播图

var i=0;
function changeImg(){
i++;
document.getElementById("img1").src="img/"+i+".jpg"
if(i==3){
i=0;
}
}

</script>
原创粉丝点击