zoukankan      html  css  js  c++  java
  • 图片轮播

    <div id="wai">
       <div id="wai_a1">
         <img class="img" src="../图片/张掖丹霞7.jpeg" width="640px" height="400px" />
           <img class="img" src="../图片/丹霞1.jpg" width="640px" height="400px" /> 
           <img class="img" src="../图片/丹霞4.jpg" width="640px" height="400px" />
           
      </div>
       <div id="wai_a2">
       
          <div class="wai_a2_a">
          <img src="../图片/张掖丹霞3.jpeg" width="360px" height="200px"/>
          </div>
          <div class="wai_a2_a">
          <img src="../图片/丹霞3.jpg" width="360px" height="200px" />
          </div>
       
       
      </div>
    
    </div>
    

      

    var index=0;
    var img=document.getElementsByClassName("img");
    huan();
    function huan(){
        //xianshi();
        for(var i=0;i<img.length;i++){
            img[i].style.display="none";
            }
        img[index].style.display="block";
        if(index>=img.length-1){
            index=0;
            }
        else{
            index++;
            }
        window.setTimeout("huan()",2000);
    }
    /*function xianshi(){
        for(var i=0;i<img.length;i++){
            img[i].style.display="none";
            }
        img[index].style.display="block";    
        }*/
  • 相关阅读:
    subprocess模块讲解
    正则
    logging日志模块
    2-30hashlib模块讲解
    json pickle复习 shelve模块讲解
    XML、PyYAML和configparser模块讲解
    os模块
    2-25sys模块和shutil模块讲解
    随机生成模块
    时间模块
  • 原文地址:https://www.cnblogs.com/jgjk/p/7106902.html
Copyright © 2011-2022 走看看