Js实现调整宽度问题

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【xtr3mz】截止到2008-07-06 15:20:29的历史汇总数据(不包括此帖)：
发帖的总数量:0                        发帖的总分数:0                        
结贴的总数量:0                        结贴的总分数:0                        
无满意结贴数:0                        无满意结贴分:0                        
未结的帖子数:0                        未结的总分数:0                        
结贴的百分比:---------------------结分的百分比:---------------------
无满意结贴率:---------------------无满意结分率:---------------------
如何结贴请参考这里：http://topic.csdn.net/u/20080501/09/ef7ba1b3-6466-49f6-9d92-36fe6d471dd1.html

解决方案 »

  1.   


    <style>
    div{float:left;
    border:1px solid red
    }
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    function fun()
    {
    document.getElementById("left").style.width="0"
    document.getElementById("middlesec").style.width="900"
    }
    </SCRIPT>
    <INPUT TYPE="button" value="click" onclick="fun()">
    <div id="left" style="width:300"></div>
    <div id="middlesec" style="width:400"></div>
      

  2.   

    而且是点一个连接试的“CHLICK ME”，如果右边已经占满就变回来，如果没有，就变成右边middlesec占满的情况，带渐变的，慢慢的变成这样
    我的代码只能出现单向效果，而且左边的那个宽度也无法变成0，变成的我也不知道是多少。
      

  3.   

    <!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>无标题页</title>
    </head>
    <body>
    <script>
    var i=1;
    function add()
    {
    var a=document.getElementById("a");
    a.style.width=i;
    a.style.height=i;
    if(i<=100){
    i++;
    var b=setTimeout("add()",10);}
    else
    {
    clearTimeout(b);
    }
    }
    function mut()
    {
    var a=document.getElementById("a");
    a.style.width=i;
    a.style.height=i;
    if(i>0){
    i--;
    var b=setTimeout("add()",10);}
    else
    {
    clearTimeout(b);
    }
    }
    </script>
    <div style="background:red;width:0px; height:0px;" id="a"></div>
    <a href="1.aspx" onmouseover="add()">123</a>
    </html>是不是类似这样的
      

  4.   

    大概就是这里的效果
    http://www.gucci.com/us/index2.html左边的菜单。不过我的不是浮动层。只是用来调整左右2个DIV的宽度。用来隐藏和显示左边的菜单。|---------| |---------------|
    |         | |               |
    |         | |               |
    |         | |               |
    |    1    | |        2      |
    |         | |               |     
    |         | |               |     
    |---------| |---------------|当左边的菜单1（180px）逐渐变窄，直到消失（宽为0），
    右边的2（650px）随着左边的变窄而变宽，直到充满900px谢谢
      

  5.   

    十分感谢，我把你的代码改了改 可以用了。
    我多弄了一个点击次数的判断，你这个的mut应该是在第2次点击的时候发生效果吧。:P