• JavaScript复习--点击按钮,div边框(宽和高)动态增加


     <script type="text/javascript">
            var setinterval;
            function showInc()
            {
                setinterval = setInterval("add()",100);
            }

            function add()
            {
                var ddd = document.getElementById("divv");
                var width = parseInt(ddd.style.width,10);
                var height = parseInt(ddd.style.height, 10);
                width = width + 10;
                height = height + 10;
                if (width>500) {
                    clearInterval(setinterval);
                }
                ddd.style.width = width + "px";
                ddd.style.height = height + "px";
            }
        </script>
    </head>
    <body>
        <div id="divv" style="border:1px solid #0d0c0c;200px;height:200px">
            画鸡
            <table>
                <tr>
                    <td>头上红冠不用彩,</td>
                </tr>
                  <tr>
                    <td>满身雪白走将来。</td>
                </tr>
                 <tr>
                    <td>平生不敢轻言语,</td>
                </tr>
                  <tr>
                    <td> 一叫千门万户开。</td>
                </tr>
            </table>
        </div>
          <input type="button" value="动态增加"  onclick="showInc();"/>
    </body>

  • 相关阅读:
    week4:周测错题
    小程序1:登录/注册小程序
    小程序2:实现一个购物车
    day26:装饰器&面向对象当中的方法&property
    day25:7个魔术方法&5个关于类的魔术属性
    day24:多态&魔术方法__new__&单态模式
    day23:单继承&多继承&菱形继承&__init__魔术方法
    day22:面向对象封装对象操作&类操作&面向对象删除操作
    day21:正则函数&模块和包(import)
    APP探索之iAPP
  • 原文地址:https://www.cnblogs.com/fanshaomin/p/3601384.html
Copyright © 2020-2023  润新知