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

    <div id="lb" style=" 800px; height:300px; margin-top:50px;">
    <img class="a" src="e5e3b1880a02fe42cdb74cd44f1f0a42.jpg" width="800" height="300" />
    <img class=""src="homepageimage-new02.jpg" width="800" height="300" style="display:none"/>
    <img src="t01ef647f73a84d3d73.jpg" width="800" height="300" style="display:none"/>
    </div>
    
    <script type="text/javascript">
    
    window.setInterval("huan()",1000);
    //找到图片的最大索引
    var n=document.getElementsByTagName("img").length-1;        
    //存放当前图片的索引
    var d=0;
    // 换图
    function huan()
    { //找到所有图片
    var attr=document.getElementsByTagName("img");        
    //当前索引加1 
    d++;
    if(d>n)
    { d=0;
    }
    //换图
    //让所有的隐藏
    for(var i=0; i<=n; i++)
    {attr[i].style.display="none";
    
    } 
    //让该索引的显示
    attr[d].style.display="block";
    }

    $(".aa").click(function(){
    var cc=$(this).index();
    var bb=document.getElementsByClassName("bb");
    for(var i=0;i<bb.length;i++)
    {
    bb[i].style.display="none";
    bb[cc].style.display="block";
    }
    })

  • 相关阅读:
    mysql复合索引的优点和注意事项
    linux服务器时间更新
    mysql慢日志
    Proftpd linux服务器FTP安装配置
    js 截取字符串
    在工信部注销网站备案
    史玉柱传奇
    css white-space属性
    获取微信授权
    禁用ipv6
  • 原文地址:https://www.cnblogs.com/benpaodegegen/p/5900775.html
Copyright © 2011-2022 走看看