轮播图

Posted -筱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了轮播图相关的知识,希望对你有一定的参考价值。

1.jpg

2.jpg

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>轮播图</title>
		<script>
			var number =1;
			 function fun(){
				number ++;
				if(number>2){
					number=1;
				}
				var img =document.getElementById("img");
			img.src = number+".jpg";
			}
			setInterval(fun,3000);
		</script>
	</head>
	<body>
		<img id="img" src="1.jpg" width="90%">
	</body>
</html>

以上是关于轮播图的主要内容,如果未能解决你的问题,请参考以下文章

网页HTML代码制作轮播图效果

HTML轮播图片代码,带解释

js原生 JavaScript轮播图渐变淡入淡出效果实现(附代码)

JS 轮播图(无缝连接的轮播图实现,含代码供参考)

淘宝首页宽屏图片轮播代码

网页设计中如何添加焦点切换轮播图呢