该代码可以实现左右箭头点击切换,按钮点击切换,自动播放方面还需改进
点击切换方面算是实现了效果,自我感觉还需要改进,代码仅供参考
html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/class.css">
</head>
<body>
<!-- 图片轮播 -->
<div class="picShow" id="picShow">
<!-- 内容部分 -->
<ul class="picUl" id="picUl">
<li><img src="images/squirrel.jpg" alt=""></li>
<li><img src="images/squir.jpg" alt=""></li>
<li><img src="images/watch.jpg" alt=""></li>
<li><img src="images/shoe.jpg" alt=""></li>
</ul>
<!-- 内容部分 end -->
<!-- 点 -->
<div class="dots" id="dots">
<span ><img src="images/squirrel1.jpg" alt=""></span>
<span> <img src="images/squir2.jpg" alt=""></span>
<span> <img src="images/watch3.jpg" alt=""></span>
<span> <img src="images/shoe4.jpg" alt=""></span>
</div>
<!--