在线求高手，javascript脚本问题

http://hi.csdn.net/attachment/201010/28/0_1288236688Bb8K.gif
如图“可信身份管理”与“网络信任域管理”“接入网管理”……“数字证书管理”上我用的onmousemove事件。
但是，在“可信身份管理”与“网络信任域管理”“接入网管理”……“数字证书管理”加了条<hr/>线后，在<hr/>线上9不会触发onmousemove事件了。
怎么使在<hr/>线上也像在格子里一样触发事件。
或者怎样把<hr/>线与那个格子形成一个整体。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

设计DIV成为hr的效果，或者把hr和文字用span包含起来，在span上写事件
最好贴出点代码看看。用DIV UL LI 包起来都可以
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="信任.aspx.cs" Inherits="_Default" %><!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 id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        .li_1
        {
         padding:2px;
        }
        .ul_2
        {
            color: #3486DC;
            background-color:#44BBE8;
            list-style: none;
            padding: 5px;
        }
        .div_4
        {
            height: 15px;
            width: 100%;
        }
        .td_3
        {
        }
        .hr_5
        {
            height: 4px;
            color: #007099;
            border: solid 1px black;
        }
        .li_5
        {
            float: right;
            border-style:groove;
            border-width: 1px;
            list-style: none;
            background-color: #44BBE8;
            width: 105px;
            font-size: small;
            border-color: #007099;
            border: 1px;
            border-bottom-color: #007099;
            margin:3px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div align="right">
        欢迎域管理员，您好。 业务介绍 | 帮助信息
    </div>
    <div class="div_4">
        <ul style="border-spacing: 30px">
            <li class="li_5">
                <div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
                    系统管理</div>
                <div style="display: none; border: 1px" onmouseout="bian4(this)" onmousemove="bian3(this)">
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        系统角色管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        系统授权管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        系统配置管理</div>
                </div>
            </li>
            <li class="li_5">
                <div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
                    可信应用管理</div>
                <div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        可信应用管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        应用角色管理</div>
                </div>
            </li>
            <li class="li_5">
                <div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
                    可信授权管理</div>
                <div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        网络通行权</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        基本服务权</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        应用访问权</div>
                </div>
            </li>
            <li class="li_5">
                <div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
                    可信身份管理</div>
                <div style="display: none" onmouseout="bian4(this)" onmousemove="bian3(this)">
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        网络信任域管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        接入网管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        机构管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        用户管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        设备管理</div>
                    <div class="ul_2" onmouseout="bian6(this)" onmousemove="bian5(this)">
                        数字证书管理</div>
                </div>
            </li>
            <li class="li_5" style="width:50px;padding:2px" onmouseout="bian2(this)" onmousemove="bian1(this)">
                首页</li>
        </ul>
    </div>
    <hr class="hr_5"/>
    <div>
    </div>
    </form>
</body>
</html><script type="text/javascript">
    function bian1(thi) {//debugger;
        thi.style.backgroundColor = "#007099";
        if (thi.nextSibling != null)
            thi.nextSibling.style.display = "block";
    }
    function bian2(thi) {
        thi.style.backgroundColor = "#44BBE8";
        if (thi.nextSibling != null)
            thi.nextSibling.style.display = "none";
    }
    function bian3(thi) {//debugger;
        thi.previousSibling.style.backgroundColor = "#007099";
        thi.style.backgroundColor = "#007099";
        thi.style.display = "block";
    }
    function bian4(thi) {
        thi.previousSibling.style.backgroundColor = "#44BBE8";
        thi.style.backgroundColor = "#44BBE8";
        thi.style.display = "none";
    }
    function bian5(thi) {//debugger;
        thi.style.backgroundColor = "#33AAD7";
    }
    function bian6(thi) {
        thi.style.backgroundColor = "#44BBE8";
    }
</script>怎么包哦
将你的hr去掉,在每个主菜单上加一个有颜色的div即可!如:
<div class="li_1" onmouseout="bian2(this)" onmousemove="bian1(this)">
  可信身份管理
<div style ="height:5px; background-color:#0000ff;"></div></div>
对啊删除hr  在div上设 border 或者添加div