• 图片轮播


    <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";    
        }*/
  • 相关阅读:
    HDU
    HDU
    (4)数据--相似性与相异性
    (3)数据--操作
    (2)数据--基本概念
    五、按生命周期划分数据(二)
    五、常用数据类型(一)
    四、坏耦合的原因与解耦(三)
    四、强化耦合(二)
    四、初识耦合(一)
  • 原文地址:https://www.cnblogs.com/jgjk/p/7106902.html
Copyright © 2020-2023  润新知