当前位置: 代码迷 >> Java Web开发 >> TAB切换效果难题解决方法
  详细解决方案

TAB切换效果难题解决方法

热度:168   发布时间:2016-04-17 01:15:00.0
TAB切换效果难题
各位老大,我从网上剥了一个TAB切换的代码,可是,它却是自动切换,我不想要自动的,就想用悬浮切换效果

怎么样改动呢,
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<SCRIPT language=JavaScript type=text/javascript>
function setTab(/*string*/name,/*int*/ itemCnt,/*int*/ curItem, /**/classHide, /**/classShow)
{
 for(i=1;i<=itemCnt;i++)
 {
  eval("document.getElementById('tab_" + name + "_" + i + "').className='" + classHide + "'");
 } 
 eval("document.getElementById('tab_" + name + "_" + curItem + "').className='" + classShow + "'");
 
 for(i=1;i<=itemCnt;i++)
 {
  eval("ele_hide = document.getElementById('con_" + name + "_" + i +"')");
  if(ele_hide) ele_hide.style.display = "none";
 }
 eval("ele_play = document.getElementById('con_" + name + "_" + curItem + "')");
 if(ele_play) ele_play.style.display = "block";
}
</SCRIPT>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<div id="title" class="clearfix">
  <ul>
  <li id="tab_tophome_1" class=a2><a href="#" onmousemove="startIndex=1;setTab('tophome',4,1,'a1','a2');"><img src="img/tag1.gif" width="16" height="16" /> 备课组资料</a></li>
  <li id="tab_tophome_2" class=a1><a href="#" onmousemove="startIndex=2;setTab('tophome',4,2,'a1','a2');"><img src="img/tag2.gif" width="16" height="16" /> 教研组资料</a></li>
  <li id="tab_tophome_3" class=a1><a href="#" onmousemove="startIndex=3;setTab('tophome',4,3,'a1','a2');"><img src="img/tag3.gif" width="16" height="16" /> 教师个人资料</a></li>
  <li id="tab_tophome_4" class=a1><a href="#" onmousemove="startIndex=4;setTab('tophome',4,4,'a1','a2');"><img src="img/tag4.gif" width="16" height="16" /> 校政策性文件</a></li>
  </ul>  
<div class="clear"></div>  
</div>

------解决方案--------------------
onmousemove 改为 onmouseover
  相关解决方案