鼠标移动javascript函数代码

效果如图：








当鼠标移动到医院简介上时，则显示为当前，移动到其他栏目上是，则显示不同栏目的内容。

< html >
< head >
< meta name = " GENERATOR "  content = " Microsoft FrontPage 6.0 " >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 " >
< title > 连载 < / title>
< link rel = " stylesheet "  href = " css/p2content.css "  type = " text/css "  media = " all " >
< link rel = " stylesheet "  href = " css/newstyle.css " >
< script type = " text/javascript " >
function  setTab(m,n) {
    var tli=document.getElementById("men"+m).getElementsByTagName("a");
    var mli=document.getElementById("mai"+m).getElementsByTagName("div");
    for(i=0;i<tli.length;i++){
        tli[i].className=i==n?"current1 current2":"";
        mli[i].style.display=i==n?"block":"none";
    }
}
< / script>

< / head>
< body >
< div class = " p2styleft " >
     < dl class = " wrap " >
         < dt id = " men8 " >
             < a href = " # "  class = " current1 "  onmouseover = ' setTab(8,0) '  onClick = " return false " > 医院简介 <!--  医院简介  -->< / a>
             < a href = " # "  onmouseover = ' setTab(8,1) '  onClick = " return false " > 推荐文章 <!--  推荐文章  -->< / a>
             < a href = " # "  onmouseover = ' setTab(8,2) '  onClick = " return false " > 专家论治 <!--  专家论治  -->< / a>
             < a href = " # "  onmouseover = ' setTab(8,3) '  onClick = " return false " > 专题新闻 <!--  专题新闻  -->< / a>
         < / dt>
             < dd id = " mai8 " >
                 < div class = " tabcon " >
                     < ul >
                        < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=81 "  target = blank > 北京大卫中医专科医院简介 < / a>< / li >
                        < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=80 "  target = blank > 北京大卫中医专科医院环境 < / a>< / li >
                        < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=82 "  target = blank > 北京大卫中医专科医院治疗再障的六大优势 < / a>< / li >
                        < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=258 "  target = blank > 网上看医院，健康随身行 < / a>< / li >
                        < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=74 "  target = " _blank " > 全息三联疗法概述 < / a>< / li >
                      < / ul>
                  < / div>
                  < div class = " tabcon "  style = " display:none; " >
                      < ul >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=250 "  target = " _blank " > 治疗再障，全息三联疗法究竟有多大作用？ < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=252 "  target = " _blank " > 温情三月＂免中药费治疗活动＂开启 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=88 "  target = " _blank " > 再障专家李英林教授 < / a> < / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=74 "  target = " _blank " > 全息三联疗法概述 < / a> < / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=72 "  target = " _blank " > 关心再障患者从点滴做起 < / a>< / li >
                       < / ul>
                  < / div>
                  < div class = " tabcon "  style = " display:none; " >
                      < ul >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=46 "  target = " _blank " > 妊娠期再生障碍性贫血的诊断与治疗 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=51 "  target = " _blank " > 重型再生障碍性贫血的特殊治疗及药物治疗 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=52 "  target = " _blank " > 长效睾丸酮治慢性再生障碍性贫血 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=253 "  target = " _blank " > 怎样认识再障常用药“康力龙” < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=255 "  target = " _blank " > 长期用药应定期查血，谨防再障 < / a>< / li >
                       < / ul>
                  < / div>
                  < div class = " tabcon "  style = " display:none; " >
                      < ul >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=258 "  target = " _blank " > 网上看医院，健康随身行 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=252 "  target = " _blank " > 温情三月＂免中药费治疗活动＂开启 < / a>< / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=259 "  target = " _blank " > 通过图谱识再障 < / a> < / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=234 "  target = " _blank " > 中医血虚与西医贫血 < / a> < / li >
                         < li >< a href = " http://www.dwzyzk.com/article/show.asp?id=233 "  target = " _blank " > 准妈妈慎防：贫血殃及母婴两代 < / a>< / li >
                       < / ul>
                  < / div>
              < / dd>
      < / dl>
< / div>
< / body>
< / html>

注：现在的代码当鼠标移动到栏目“医院简介”、“推荐文章”等上面时，即时有超级链接也点不进去，这是因为 onmouseover='setTab(8,1)' onClick="return false"中的onClick设置成false，如果想设置为栏目也可以打开超级链接，那么需要设置为： onmouseover='setTab(8,1)' onClick="return true" 。