程序博客网 > 大芒果数据库修改

Other_7.一个比较简单的HTML+JS图片轮播效果

来源：互联网发布：大芒果数据库修改编辑：程序博客网时间：2024/06/09 16:57

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

#tab { overflow:hidden; width:400px; height:250px; position:relative; float:left;}

#tab>img:not(:first-child){ display:none; }

</style>

<script>

window.onload = function(){

var images = document.getElementsByTagName('img');

var pos = 0;

var len = images.length;

setInterval(function(){

//通过每隔2秒就执行一次判断，++pos是否等于len，如果是，就返回0，否则就返回pos；然后将图片下标为pos的图片设置为显示，前一个图片为隐藏

images[pos].style.display = 'none';

pos = ++pos == len ? 0 : pos;

images[pos].style.display = 'inline';

},2000);//隔多久循环一次，这里是2秒

};

</script>

</head>

<body>

<div id="tab">

<img src="img/01.jpg" width="400" height="250" alt="01.jpg"/>

<img src="img/02.jpg" width="400" height="250" alt="02.jpg"/>

<img src="img/03.jpg" width="400" height="250" alt="03.jpg"/>

</div>

</body>

</html>

0 0

大芒果数据库修改

大芒果数据库修改

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子国王黄昏厨房童话爱在日落黄昏时国王黄昏厨房诸羊黄昏作品黄易黄易作品黄易作品集黄易全集寻龙记黄易封神记黄易黄易紫砂壶寻鼎记黄易黄易x作品黄易群侠传黄易天地黄易大师圣女黄易刀剑笑黄易黄易全部作品黄易作品哪些比较黄寻龙记黄易txt 黄易群侠传单机版大剑师传奇黄易星际浪子黄易日月当空黄易大唐双龙传黄易黄易作品全集黄易txt全集下载黄晕黄晕读音黄晕的读音黄晕拼音黄晕的意思黄晖黄晨黄晶科技部黄晶黄晶果多少钱一斤黄晶的功效与作用黄智华博客黄智华