意天行

有朋友想要我现在是用的这个Tab切换导航，那就提供给大家。

这段代码也是从网上搜来的，经过自己边学边改而成，把代码收藏在这里。
效果演示和运行代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>收藏一款最简洁的Tab导航（CSS+JS实现）代码</title> <style type="text/css">  </style> <script>  </script> </head> <body> <br /> <br />  <div id="tabs0"> <ul class="menu0" id="menu0"> <li onclick="setTab(0,0)" class="hover">新闻</li> <li onclick="setTab(0,1)">评论</li> <li onclick="setTab(0,2)">技术</li> <li onclick="setTab(0,3)">点评</li> </ul> <div class="main" id="main0"> <ul class="block"><li>新闻列表</li></ul> <ul><li>评论列表</li></ul> <ul><li>技术列表</li></ul> <ul><li>点评列表</li></ul> </div> </div> </body> </html>

提示：你可以先修改部分代码再运行。

一款最简洁的Tab导航（CSS+JS实现）代码

点击这里取消回复。