标签项

最新推荐文章于 2024-07-08 18:01:35 发布

chumo9470

最新推荐文章于 2024-07-08 18:01:35 发布

阅读量86

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2373432/blog/473195

版权

<HTML><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <HEAD>
  <TITLE>标签项</TITLE>
  <style type="text/css">
  .t{width:160px; overflow:hidden;}
.t li{width:40px; float:left; height:18px; padding:6px 0 0 0; text-align:center; color:#333; cursor:pointer;}
.t .T{background-color: #ffe4a6; text-align:center; color:#333; font-weight:bold; cursor:pointer;}
.tt{padding:5px 5px 0 10px;}
.tt li{text-align:left; line-height:20px;}
  </style>
  <script language="javascript" type="text/javascript">
     function aaa(num1,num2){
     for(var i=0;i<4;i++){
    document.getElementById("ab_"+num1+i).style.display="none";
  }
  for(var i=0;i<4;i++){
    document.getElementById('a_'+num1+i).className="";
  }
  document.getElementById("a_"+num1+num2).className="T";
 document.getElementById("ab_"+num1+num2).style.display="block";
  }

</script>
 </HEAD>

 <BODY>
  <div class="t">
    <li id="a_10" onMouseOver="setTimeout('aaa(1,0)',200)" class="T">教育</li>
 <li id="a_11" onMouseOver="setTimeout('aaa(1,1)',200)">培训</li>
 <li id="a_12" onMouseOver="setTimeout('aaa(1,2)',200)">招生</li>
 <li id="a_13" onMouseOver="setTimeout('aaa(1,3)',200)">出国</li>
  </div>
  <div class="tt">
   <div id="ab_10" >
     <li><a href=##.html target=_blank>123456</a></li>
   </div>
   <div id="ab_11" style="display:none">
     <li><a href=##.html target=_blank>dssdvf</a></li>
   </div>
   <div id="ab_12" style="display:none">
     <li><a href=##.html target=_blank>354768</a></li>
   </div>
   <div id="ab_13" style="display:none">
     <li><a href=##.html target=_blank>qrfwfwf</a></li>
   </div>
  </div>
 </BODY>
</HTML>
1、 setTimeout写错写成setTimeOut;
2、a_10,a_11,a_12，a_13写成a_0,a_1,a_2,a_3;ab同上

转载于:https://my.oschina.net/u/2373432/blog/473195