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

     <script type="text/javascript">
                var NowFrame = 1; //初始化显示第几张
                var MaxFrame = 3; //最大显示几张
                function show() {
                    for (var i = 1; i < (MaxFrame + 1); i++) {
                        if (i == NowFrame)
                            document.getElementById('div' + NowFrame).style.display = ''; //当前图片显示
                        else
                            document.getElementById('div' + i).style.display = 'none'; //其他的图片隐藏
                    }
                    {
                        if (NowFrame == MaxFrame) //定义下一张显示的图片
                            NowFrame = 1;
                        else
                            NowFrame++;
                    }
                    theTimer = setTimeout('show()', 1000); //设置定时器,显示下一张显示的图片
                }
            </script>
    </head>
    <body  onload="show();">
        <form id="form1" runat="server">
            <div id="tupianlunhuan">
    <img alt="" src="../images/5.png" style="display: none;" id="div1" border="0"/>
    <img alt="" src="../images/1.jpg" style="display: none;" id="div2" border="0"/>
    <img alt="" src="../images/3.png" style="display: none;" id="div3" border="0"/>
    </div>        
        </form>
    </body>

  • 相关阅读:
    linux find命令
    busybox的使用
    sql server的数据库个数、表个数及表的数据量统计
    SQL Server查看所有表大小,所占空间
    oracle数据库审计
    oracle --审计
    oracle 增量导出/导入
    MySQL下做Master/Slave同步,延迟太大怎么办?
    【MongoDB】2、安装MongoDB 2.6.1 on Unbuntu 14.04(学习流水账)
    mongodb shell之使用js(二)
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3084565.html
Copyright © 2011-2022 走看看