该代码可以实现左右箭头点击切换，按钮点击切换，自动播放方面还需改进
点击切换方面算是实现了效果，自我感觉还需要改进，代码仅供参考
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><!--![JS——【案例】图片轮播图(自动轮播/手动点击/悬停显示)[技术栈:html、css、JavaScript]](https://img-blog.csdnimg.cn/58927de9256443569580a4160cc59939.png)
