tab切换

function setTab(name, cursel, n){
  for (i = 0; i < n; i++) {
    var menu = document.getElementById(name + i);
    var con = document.getElementById(name + "-tab"+i);

    menu.className = i == cursel ? "ol" : "";
    con.style.display = i == cursel ? "block" : "none";
  }
}

<ul>
 <li id="menu0" onclick="setTab('menu',0,3)">列车查询</li>
 <li id="menu1" onclick="setTab('menu',1,3)">车次查询</li>
 <li id="menu2" onclick="setTab('menu',2,3)">车次查询</li>
</ul>
<div id="menu-tab0">内容And</div>
<div id="menu-tab1" style="display: none;">内容By</div>
<div id="menu-tab2" style="display: none;">内容C</div>

转载于:https://my.oschina.net/u/1046828/blog/176981