1. 引入CSS
<link rel="stylesheet" href="css/style.css" type="text/css">
2. 引入JS
<script type="text/javascript" src="js/base-min.js"></script> <script type="text/javascript" src="js/Tab-min.js"></script>
3. HTML代码
<div id="focus"> <a href="https://www.51qianduan.com/">51前端</a> <a href="https://www.51qianduan.com/">51前端</a> <a href="https://www.51qianduan.com/">51前端</a> <a href="https://www.51qianduan.com/">51前端</a> <a href="https://www.51qianduan.com/">51前端</a> <a href="https://www.51qianduan.com/">51前端</a> <div id="ctr"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <script type="text/javascript"> t1 = new Tab("ctr", "span", "focus", "a", { autoPlay : true, timeout : 5000, delay:200, event : "mouseover" }); </script>