js 带按钮功能 [广告轮播效果]

最新推荐文章于 2024-02-05 15:43:20 发布

勤勉11

最新推荐文章于 2024-02-05 15:43:20 发布

阅读量774

点赞数 3

本文链接：https://blog.csdn.net/z098890/article/details/117119533

版权

本文介绍如何利用HTML5、CSS和JavaScript创建一个带有导航按钮的简单广告轮播效果。通过CSS实现基本样式，JS实现轮播功能，使用户可以轻松浏览多个广告内容。

摘要由CSDN通过智能技术生成

超简单

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
<title>图片轮换</title>
	<link rel="stylesheet" href="css/scroll.css">
	

</head>

<body>
<div class="scroll">
	<div id="num">
		<a href="javascript:change('1.gif')">1</a>
		<a href="javascript:change('2.gif')">2</a>
		<a href="javascript:change('3.jpg')">3</a>
		<a href="javascript:change('4.jpg')">4</a>
		<a href="javascript:change('5.gif')">5</a>
	</div>
	<img src="images/1.gif" alt="图片" id="photo"/>
</div>
<script type="text/javascript">
		
		var count=0;
		var imgUrl=['1.gif','2.gif'