【准备 jquery.js 】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>轮播效果</title>
<script src="js/jquery-1.12.4.min.js"></script>
<style>
*{margin: 0;padding: 0;}
ul{list-style: none;}
.out{width: 680px;
height: 400px;
margin: 50px auto;
border: solid 5px black;
position: relative;}
.out .img li{position: absolute;top: 0;left: 0;display: none;}
.out .num{position: absolute;
width:100%;text-align:center; bottom: 20px;left: 0;font-size: 0;}
.out .num li{width: 25px;height: 25px;background-color:#6