大图轮播js - 爱码网

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
           * {
               margin: 0px;
               padding: 0px;
           }

           #stage {
               width: 400px;
               height: 40px;
               border: 3px solid black;
               margin: 100px;
               overflow: hidden;
               position: relative;
           }

           #banner {
               width: 2400px;
               height: 300px;
               background-color: rosybrown;
           }

           .items {
               width: 400px;
               height: 40px;
               color: white;
               font-size: 25px;
               text-align: center;
               line-height: 300px;
               float: left;
           }

           .btn-l,
           .btn-r {
               width: 50px;
               height: 300px;
               background-color: black;
               opacity: 0.5;
               color: white;
               font-size: 40px;
               line-height: 300px;
               text-align: center;
               position: absolute;
               top: 0px;
           }

           .btn-l {
               left: 0px;
           }

           .btn-r {
               right: 0px;
           }

           .btn-l:hover,
           .btn-r:hover {
               cursor: pointer;
               /*透明度*/
               opacity: 0.2;
           }
       </style>
   </head>

   <body>
       <div ;
       }
   }

   function clear() {
       for(var x in arr) {
           window.clearInterval(arr[x]);
       }
   }
   //-----------------------------   分割线--------------------------------
</script>