zoukankan      html  css  js  c++  java
  • 让DIV动起来

    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style type="text/css">
    *{margin:0;padding:0;}
    #div1{width:100px;height:100px;background:red;position:absolute;left:1000px;top:30px;}
    </style>
    
    <script type="text/javascript">
    var tmrie=null;
    window.onload=function()
    {
        var oDiv=document.getElementById('div1');
        tmrie=setInterval(function()
        {
            var left=(300-oDiv.offsetLeft)/10;
             var ipar=left>0?Math.ceil(left):Math.floor(left);
            
            if(oDiv.offsetLeft==300)
            {
                clearInterval(tmrie);
            }
            else
            {
                oDiv.style.left=oDiv.offsetLeft+ipar+'px';
            }
        },30);
    
    };
    
    </script>
    </head>
    
    <body>
    <div id="div1">
        
    </div>
    <div style="height:200px;1px;background:#000;position:absolute;left:400px;"></div>
    </body>
    </html>
  • 相关阅读:
    柱状图最大的矩形
    单词搜索
    最小覆盖子串
    颜色分类
    编辑距离
    X的平方根
    二进制求和
    最大子序和
    N皇后
    java8-14-时间API
  • 原文地址:https://www.cnblogs.com/tltl/p/3062681.html
Copyright © 2011-2022 走看看