<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>最简单的轮播效果</title>
</head>
<body>
<div class="box" id="box">
<div class="inner">
<!--轮播图-->
<ul>
<li><a href="#"><img src="images/1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/3.jpg" alt=""></a></li>
<li><a href="#"><img src="images/4.jpg" alt=""></a></li>
<li><a href="#"><img src="images/5.jpg" alt=""></a></li>
</ul>
<ol class="bar">
小按钮数量无法确定，由js动态生成
</ol>
<!--左右焦点-->
<div id="arr">
<span id="left"> <</span>
<span id="right">></span>
</div>
</div>
</div>
</body>
</html>
原生js实现点击轮播和自动轮播代码
需积分: 5 29 浏览量
2018-05-30
16:59:14
上传
评论 1
收藏 844KB RAR 举报
轮播图.rar （6个子文件） 
轮播图 images 
2.jpg 443KB 1.jpg 108KB 3.jpg 61KB 5.jpg 241KB 4.jpg 36KB
1最简单的轮播效果.html 896B资源评论
呵呵到天亮
- 粉丝: 205
- 资源: 3
