native_js
/
index.html

<!doctype <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>原生js实现轮播</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./style.css" />

</head>
<body>
    <div class="main " id="main">
        <div class="nav" id="nav">
            <ul>
                <li class="changeColor">mainPage</li>
                <li>clickMe</li>
                <li>auto</li>
                <li>myWebb</li>
            </ul>
        </div>
        <div class="banner" id="banner">
            <a href="#">
                <div class="banner-slide slide1"></div>
            </a>
            <a href="#">
                <div class="banner-slide slide2"></div>
            </a>
            <a href="#">
                <div class="banner-slide slide3"></div>
            </a>
        </div>
    </div>
    <script type="text/javascript" src="./main.js"></script>
</body>
</html>