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>

  • 相关阅读:
    css3
    如何去渲染数据?
    ajax
    Java多线程-线程安全
    java多线程-基础
    Git-团队开放中的代码同步与提交
    IDEA 调试Spring-boot 应用
    微服务-各种pom的配置和注解
    微服务-服务与注册中心
    微服务
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3084565.html
Copyright © 2011-2022 走看看