请问怎么让一个层的宽度逐渐减少到零啊

<script>
var tid = null;
function abc(){
   tid = setInterval(doit, 100);
}function doit(){
  obj = document.getElementById("div_id");
  if(parseInt(obj.style.width) >= 0) obj.style.width = parseInt(obj.style.width) - 10;
  else clearInterval(tid);
}</script>
<body>
<div id="div_id" style="width:300px;height:300px;border:1px solid #FF0000;"></div>
<input type="button" value="开始" onclick='abc();'>
</body>

解决方案 »

  1.   

    <script>
    var tid = null;
    function abc(){
       tid = setInterval(doit, 100);
    }function doit(){
      obj = document.getElementById("div_id");
      if(parseInt(obj.style.width) >= 5) obj.style.width = parseInt(obj.style.width) - 5;
      else 
      
      {clearInterval(tid);
      obj.style.width=0;
      }
      
    }</script>
    <body>
    <div id="div_id" style="width:300px;height:300px;border:1px solid #FF0000;"></div>
    <input type="button" value="开始" onclick='abc();'>
    </body>改了一下上面老兄的代码
    行了
      

  2.   

    如果想完全不可视，那就在else里加上：
      else 
      
      {clearInterval(tid);
      obj.style.width=0;
      obj.style.boder="none";
      }
      

  3.   

    或者干脆用这句：  obj.removeNode(true);全Kill了
      

  4.   

    我发现一个问题 如果<div id="div_id" style="width:300px;height:300px;border:1px solid #FF0000;"></div>
    style是写在css里面的话 将无法获得 parseInt(obj.style.width)
    这怎么办