请教个 JavaScript问题~~~

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【sigoo3】截止到2008-07-04 10:53:57的历史汇总数据(不包括此帖)：
发帖的总数量:19                       发帖的总分数:220                      
结贴的总数量:11                       结贴的总分数:80                       
无满意结贴数:3                        无满意结贴分:40                       
未结的帖子数:8                        未结的总分数:140                      
结贴的百分比:57.89 %               结分的百分比:36.36 %                  
无满意结贴率:27.27 %               无满意结分率:50.00 %                  
楼主加油

解决方案 »

  1.   

    <div style="width:197px;height:105px">
    <img src="icon_all.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="197" height="105"><div id='div1' style='display:none;border:1px solid #333'>D1<br />aaaaaaa</div></div>
      

  2.   

    DIV默认是100%的宽度..如果父容器有宽度的话就会跟父容器的宽度..也可以定义自己的宽度<div style="width:197px;height:105px"></div>
      

  3.   

    我的意思是出现的<div id='div1' style='display:none;border:1px solid #333'>D1<br />aaaaaaa</div>把<div><img src="icon_all.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="197" height="105"></div>框住,自适"<div></div>的高度和宽度
      

  4.   

    以下在IE6,IE7,FF2测试通过
    <script type="text/javascript">
    function makevisible(cur,which)
    {
        var position = getPosition(cur.parentNode).split(",");
        var div1 = document.getElementById('div1');
        if (which==0)
        {
            div1.style.display='block';
            div1.style.left = position[0] + "px";
            div1.style.top = position[1] + "px";
            div1.style.width = cur.offsetWidth + "px";
            div1.style.height = cur.offsetHeight + "px";
        }
        else
        {
            div1.style.display='none';
        }
    }function getPosition(el)
    {
        var left = 0;
        var top = 0;
        while(el != null)
        {
            left += el.offsetLeft;
            top += el.offsetTop;
            el = el.parentOffset;
        }
        
        return left + "," + top;
    }
    </script>
    <body>
    <div>
    <img src="icon_all.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="197" height="105"></div>
    <div id='div1' style='display:none;border:1px solid #333; position: absolute;'>D1<br />aaaaaaa</div>
      

  5.   

    以下在IE6,IE7,FF2测试通过
    <script type="text/javascript">
    function makevisible(cur,which)
    {
        var position = getPosition(cur.parentNode).split(",");
        var div1 = document.getElementById('div1');
        if (which==0)
        {
            div1.style.display='block';
            div1.style.left = position[0] + "px";
            div1.style.top = position[1] + "px";
            div1.style.width = cur.offsetWidth + "px";
            div1.style.height = cur.offsetHeight + "px";
        }
        else
        {
            div1.style.display='none';
        }
    }function getPosition(el)
    {
        var left = 0;
        var top = 0;
        while(el != null)
        {
            left += el.offsetLeft;
            top += el.offsetTop;
            el = el.parentOffset;
        }
        
        return left + "," + top;
    }
    </script>
    <body>
    <div>
    <img src="icon_all.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" width="197" height="105"></div>
    <div id='div1' style='display:none;border:1px solid #333; position: absolute;'>D1<br />aaaaaaa</div>
      

  6.   

    但是怎么让框框始终框住无论在页面哪个位置的<div></div>?
      

  7.   

    怎么让<div></div>移动多少，框框页移动多少？