求助 关于DIV渐显

DIV 从无到有渐渐显示 从左往右显示还可以，可是从左向右显示怎么做？
要求一个DIV，不用两个DIV遮罩

解决方案 »

  1.   

    外面套一层..  overflow hidden掉
     然后设置left....
      

  2.   

    那你想怎么样 - -
     上面浮动一个DIV.  z index 在要显示的内容之前?
      

  3.   

    可以通过left  和 width  来实现<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id="ss" style="height:200px; width:5px; background-color:#0000FF; position:absolute; left:400px; top:400px;"></div>
    <script>
     var CurrentStyle = function(element){
        return element.currentStyle || document.defaultView.getComputedStyle(element, null);
     };
    window.onload = function(){
    var timer = null;
    var div = document.getElementById('ss');
        var l   = div.offsetTop;
    var step  = 1;
    timer = setInterval(function(){
    step++
    if(step ==50){clearTimeout(timer);return};
        div.style.width = parseInt(CurrentStyle(div).width) + 5 +'px';
    div.style.left  = parseInt(CurrentStyle(div).left) - 5 +'px';
    },10)
    }
    </script>
    </body>
    </html>