看看设个代码为什么标尺线的位置会变。。。页面能不能分层显示而且我想鼠标事件的效果最上层显示要怎么做？？

LZ你那样的话,运行的效果就是那样的,很正常,要想下面的标尺线不动的话,只有这样
<html>
<script>
function show()//鼠标指定
{
    document.getElementById('menu').style.display='';//显示菜单
}
function no_show()//鼠标移开
{
    document.getElementById('menu').style.display='none';//隐藏菜单
}
</script>
<p onmouseover="show();" onmouseout="no_show();"> 
here<div id='menu' style=" left:386;background-color:#CCCCCC; Z-INDEX: 3; display: none; WIDTH: 150px; POSITION: absolute; HEIGHT: 150px" border="1">
<table width=100>
<tr>
<td>
<a href="http://192.168.1.243/bbs" style=text-decoration:none><font size=2>论坛主页</a></br>
</td></tr><tr><td>
<a href="http://192.168.1.243/bbs/board.php?fid=81&page=1" style=text-decoration:none><font size=2>论坛分类vb</a><br>
</td></tr><tr><td>
<a href="http://192.168.1.243/bbs/board.php?fid=82&page=1" style=text-decoration:none><font size=2>论坛分类java</a></td></tr><tr><td>
<a href="http://192.168.1.243/bbs/board.php?fid=83&page=1" style=text-decoration:none><font size=2>论坛分类c</a></td></tr>
</table></div><hr>
</p>
</html>

解决方案 »

  1.   


    <html>
    <script>
    function show()//鼠标指定
    {
        document.getElementById('menu').style.display='';//显示菜单
    }
    function no_show()//鼠标移开
    {
        document.getElementById('menu').style.display='none';//隐藏菜单
    }
    </script>
    <p onMouseOver="show();" onMouseOut="no_show();"> 
    here
    <hr>
    <table id='menu' style="display:none" width=100>
    <tr>
    <td><a href="http://192.168.1.243/bbs" style="text-decoration:none"><font size=2>论坛主页</a></br></td>
    </tr>
    <tr>
    <td><a href="http://192.168.1.243/bbs/board.php?fid=81&page=1" style="text-decoration:none"><font size=2>论坛分类vb</a><br></td>
    </tr>
    <tr>
    <td><a href="http://192.168.1.243/bbs/board.php?fid=82&page=1" style="text-decoration:none"><font size=2>论坛分类java</a></td>
    </tr>
    <tr>
    <td><a href="http://192.168.1.243/bbs/board.php?fid=83&page=1" style="text-decoration:none"><font size=2>论坛分类c</a></td>
    </tr>
    </table>
    </p>
    </html>这样标尺线就不会变了