当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS---案例：设置div的宽度

JS---案例：设置div的宽度

2019年12月12日  | 移动技术网IT编程  | 我要评论

案例：设置div的宽度

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>title</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    div {
      width: 200px;
      height: 150px;
      background-color: pink;
      border-radius: 100px;
    }
  </style>
</head>

<body>
  <input type="button" value="变宽" id="btn" />
  <div id="dv"></div>
  <script src="common.js"></script>
  <script>
    my$("btn").onclick = function () {
      var width = 200;
      var timeid = setinterval(function () {
        width += 10;
        if (width == 800) {
          clearinterval(timeid);
        }
        my$("dv").style.width = width + "px";
      }, 100);
    };

  </script>

</body>

</html>

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网