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>

  • 相关阅读:
    Centos安装Memcached和(Nginx)Memcache扩展详细教程
    文章已被删除!
    phonegap安卓手机开发入门
    微信分享链接带图片文字和描述
    CSDN数据库被爆 统计CSDN用户都喜欢哪些密码
    ...
    重新初始化 VS2010
    spark系列之基本概念
    python 数字字典加密非汉字
    MySQL 5.7实现 row_number窗口函数
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3084565.html
Copyright © 2011-2022 走看看