123123213213123

最新推荐文章于 2024-10-05 16:51:11 发布

猴子酋长

最新推荐文章于 2024-10-05 16:51:11 发布

阅读量260

点赞数

分类专栏：随便写写文章标签： function border null xhtml float html

本文链接：https://blog.csdn.net/sp_chenjie/article/details/4293877

版权

随便写写专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>javascript autodown img</title>
    <script type="text/javascript">
    var $ = function (id) {
      return "string" == typeof id ? document.getElementById(id) : id;
    }

    var DivDown = function(id, time) {
      this.pId = id;
      this.pTime = time;
      this.pTimeHandle = null;
      this.pMaxSize = 20;
    }

    DivDown.prototype = {
      Run : function() {
        var ctlDown = $("dContainer");

        if (!ctlDown) {
          return;
        }

        var height = parseInt(ctlDown.style.height);

        if (height != 0) {
          return;
        }

        if (this.pTimeHandle != null) {
          window.clearInterval(this.pTimeHandle);
          this.pTimeHandle = null;
        }

        this.pTimeHandle = window.setInterval(ChangeSize(this), this.pTime);
      }
    }

    function ChangeSize(divData) {
      return function () {
        var ctlDown = $(divData.pId);
        var height = parseInt(ctlDown.style.height);
        height++;
        if (height > divData.pMaxSize) {
          window.clearInterval(divData.pTimeHandle);
          divData.pTimeHandle = null;
          return;
        }
        ctlDown.style.height = height+"px";
        alert(ctlDown.style.height);
      };
    }
    </script>
    <style type="text/css">

    </style>
</head>
<body>

<div id="dAll" style="background-color:Blue;width:500px;height:300px;border:0px;">
<div style="border:0px;width:383px;height:0px;overflow:hidden;" id="dContainer">
<div id="dBackGround" style="float:left;border:0px;width:383px;height:20px;">
<img alt="aa" src="MST01.png" width="383px" height="20px" style="border:0px;" />
</div>
<div id="dButton" style="float:left;border:0px;width:40px;height:20px;margin-top:-20px;">
<a href="#"><img alt="aa" id="iData" src="MBQ001_c1.png" width="40px" height="20px" style="border:0px;" /></a>
</div>
</div>
</div>
<button id="show" οnclick="new DivDown('dContainer', 80).Run();" >asdfasdf</button>
</body>
</html>