大家帮忙修改一个脚本！！

<html xmlns=" http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>无标题页</title>
    <style type="text/css">
/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
</style>

  <style>body {font:12px;ling-height:260%}</style>
  <script>
  function   document.onclick(){
  var   e=event.srcElement
  if(e.tagName=="A"&&e.==1)
   a.value+=e.innerText+','
  }
</script>
<script type="text/javascript">
function test(obj, e) {
var view = document.getElementById("oMenu");if (e.currentTarget) {
   if (e.relatedTarget != obj) {
    if (obj != e.relatedTarget.parentNode) {
     view.style.display =   "none";
    }
   }
} else {
   if (e.toElement != obj) {
    if (obj != e.toElement.parentNode) {

     view.style.display =   "none";
    }
   }
}
}
</script>
<script type="text/javascript">
function test2()
{
var view = document.getElementById("oMenu");
       view.style.display =   "none";
}
</script>
</head>

<body>

<input id="Button1" type="button" value="[选择科目]"  onclick="oMenu.style.display='';" />
<div id="oMenu" class="menu" style="position:absolute;padding:5px;display:none;filter:progid:dximagetransform.microsoft.dropshadow(color=#cccccc); margin-top:-5px; margin-left:-12px;" onclick =""  onmouseout="test(this, event);">
<ul>
                                  <li><a href="#"    ="1">000000sds</a>
<li> <a href="#"  ="1">000000</a> </li>
<li> <a href="#"   ="1">000000sds</a> </li>
<li> <a href="#"   ="1">000000</a> </li>
<li> <a href="#"    ="1">000000</a> </li>

</UL>
    </div>

    <textarea id="a" cols="20" rows="2"></textarea>
</body>
</html>

解决方案 »

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

relatedtarget
返回指针刚刚离开的元素（不支持 IE）。
<html xmlns=" http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>无标题页 </title>
        <style type="text/css">
            /* common styling */
            .menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
            .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
            .menu ul {padding:0; margin:0;list-style-type: none; }
            .menu ul li {float:left; margin-right:1px; position:relative;}
            .menu ul li ul {display: none;}
            /* specific to non IE browsers */
            .menu ul li:hover a {color:#fff; background:#36f;}
            .menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
            .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
            .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
            .menu ul li:hover ul li ul {display: none;}
            .menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
            .menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
            .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
        </style>
        
        <style>body {font:12px;ling-height:260%} </style>
        <script>
            function  document.onclick(){
                var  e=event.srcElement
                if(e.tagName=="A"&&e.==1)
                    a.value+=e.innerText+','
            }
        </script>
        <script type="text/javascript">
            function test(obj, e) {
                var view = document.getElementById("oMenu");                if (e.currentTarget) {
                    if (e.relatedTarget != obj) {
                        if (obj != e.relatedTarget.parentNode) {
                            view.style.display =  "none";
                        }
                    }
                } else {
                    if (e.toElement != obj) {
                        if (obj != e.toElement.parentNode) {                            view.style.display =  "block";
                        }
                    }
                }
            }
            function test2()
            {
                var view = document.getElementById("oMenu");
                view.style.display =  "none";
            }
        </script>    </head>    <body>        <input id="Button1" type="button" value="[选择科目]"  onclick="oMenu.style.display='';" />
        <div id="oMenu" class="menu" style="position:absolute;padding:5px;display:none;filter:progid:dximagetransform.microsoft.dropshadow(color=#cccccc); margin-top:-5px; margin-left:-12px;" onclick ="alert()"  onmouseover="test(this, event);" onmouseout="test2()">
            <ul>
                <li> <a href="#"    ="1">000000sds </a>
                <li> <a href="#"  ="1">000000 </a> </li>
                <li> <a href="#"  ="1">000000sds </a> </li>
                <li> <a href="#"  ="1">000000 </a> </li>
                <li> <a href="#"    ="1">000000 </a> </li>            </UL>
        </div>        <textarea id="a" cols="20" rows="2"> </textarea>
    </body>
</html>