如何利用js或jquery实现tab效果？

js的代码实现如下：

234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253

/** * tabs * @author  橡树小屋 */var tabs=function(){  function tag(name,elem){    return (elem||document).getElementsByTagName(name);  }  //获得相应ID的元素  function id(name){    return document.getElementById(name);  }  function first(elem){    elem=elem.firstChild;    return elem&&elem.nodeType==1? elem:next(elem);  }  function next(elem){    do{      elem=elem.nextSibling;    }while(      elem&&elem.nodeType!=1    )    return elem;  }  return {    set:function(elemId,tabId){      var elem=tag("li",id(elemId));      var tabs=tag("div",id(tabId));      var listNum=elem.length;      var tabNum=tabs.length;      for(var i=0;i

如楼上说的，推荐最好使用插件，网络上搜索jquery tabs，免费的轻量级的很多。
如果非要手工的话也可以，只是相对麻烦。
如：

• 第1个tabs


• 第2个tabs


• 第3个tabs

第1个tabs内容