求助：当鼠标滑过某一个选项后，显示该选项下面的 所有信息，其他选择的内容全部隐藏。

本人初学者，标准菜鸟，今天想做一个网页，实现“当鼠标滑过某一个选项后，显示该选项下面的 所有信息，其他选择的内容全部隐藏。 ”
下面是我写的代码：<!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>    <script type="text/javascript">
    function show(obj)
    {
        var ui=obj.parentNode.parentNode;
        var uilist=ui.getElementsByTagName("li");
        for (var i=0;i<uilist.length;i++)
        {
            var u=uilist[i].getElementsByTagName("ul");
            if(u.length>0)
            {
               if(uilist[i]==obj.parentNode) 
               {
               u[0].style.display="block";
               }
               else 
               {
               u[0].style.display="none";
               }
            }
        {
    
    } 
    
    </script>
</head>
<body>
<ul>
<li><a href="#">java</a>
      <ul style="display:block">
                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li>                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li>                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li></ul>
</li>
<li><a href="#">net</a>
<ul style="display:block">
                <li>aspnet</li>                <li>winform</li>                <li>netmoblie</li>                 <li>aspnet</li>                <li>winform</li>                <li>netmoblie</li>                 <li>aspnet</li>                <li>winform</li>                <li>netmoblie</li></ul>
</li>
<li><a href="#">C</a>
<ul>
                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li>                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li>                <li>j2ee</li>                <li>jsp</li>                <li>j2me</li></ul>
</li>
<li><a href="#">basic</a>
<ul>
                <li>aspnet</li>                <li>winform</li>                <li>netmoblie</li></ul>
</li>
<li><a href="#">C++</a>
<ul>
                <li>aspnet</li>                <li>winform</li>                <li>netmoblie</li></ul>
</li>
</ul>
<script type="text/javascript">
var alist=document.getElementsByTagName("a");
for (var i=0;i<alist.length;i++)
{
alist[i].onmousemove=function(){
      show(this);
};
}
</script>
</body>
</html>
实现不了要求效果，求高手指点哪里错了。。菜鸟真的找不到哪里的问题了，谢谢大大们了先。分数不多，不成敬意。

解决方案 »

  1.   

    ........语法都错了function show(obj)
        {
            var ui=obj.parentNode.parentNode;
            var uilist=ui.getElementsByTagName("li");
            for (var i=0;i<uilist.length;i++)
            {
                var u=uilist[i].getElementsByTagName("ul");
                if(u.length>0)
                {
                   if(uilist[i]==obj.parentNode) 
                   {
                   u[0].style.display="block";
                   }
                   else 
                   {
                   u[0].style.display="none";
                   }
                }
            {
        
        } function show(obj)
        {
            var ui=obj.parentNode.parentNode;
            var uilist=ui.getElementsByTagName("li");
            for (var i=0;i<uilist.length;i++)
            {
                var u=uilist[i].getElementsByTagName("ul");
                if(u.length>0)
                {
                   if(uilist[i]==obj.parentNode) 
                   {
                   u[0].style.display="block";
                   }
                   else 
                   {
                   u[0].style.display="none";
                   }
                }
            }////////
        
        }