日期:2014-05-18  浏览次数:20380 次

帮忙看一下微软的首页下面那部分是怎么做的
http://www.microsoft.com/en/us/default.aspx

谢谢,能详细描述就尽量详细把~

------解决方案--------------------
<div class= "tabs ulTabs "> <ul> <li class= "tab tabActive " id= "tbh0_0 " tabindex= "0 " onmouseover= "activateTab(0,0) " onmouseout= "mouseOutTab(0,0) " onfocus= "KPF= 'activateTab(0,0) '; " onkeydown= "return KP(event); "> Highlights </li> <li class= "tab " id= "tbh0_1 " tabindex= "0 " onmouseover= "activateTab(0,1) " onmouseout= "mouseOutTab(0,1) " onfocus= "KPF= 'activateTab(0,1) '; " onkeydown= "return KP(event); "> Latest releases </li> <li class= "tab " id= "tbh0_2 " tabindex= "0 " onmouseover= "activateTab(0,2) " onmouseout= "mouseOutTab(0,2) " onfocus= "KPF= 'activateTab(0,2) '; " onkeydown= "return KP(event); "> Using your computer </li> <li class= "tab " id= "tbh0_3 " tabindex= "0 " onmouseover= "activateTab(0,3) " onmouseout= "mouseOutTab(0,3) " onfocus= "KPF= 'activateTab(0,3) '; " onkeydown= "return KP(event); "> For Business </li> <li class= "tab " id= "tbh0_4 " tabindex= "0 " onmouseover= "activateTab(0,4) " onmouseout= "mouseOutTab(0,4) " onfocus= "KPF= 'activateTab(0,4) '; " onkeydown= "return KP(event); "> For IT Professionals </li> <li class= "tab " id= "tbh0_5 " tabindex= "0 " onmouseover= "activateTab(0,5) " onmouseout= "mouseOutTab(0,5) " onfocus= "KPF= 'activateTab(0,5) '; " onkeydown= "return KP(event); "> For Developers </li> <li> &nbsp; </li> </ul> </div>

主要是用onmouseover,onmouseout这几个事件。