Tab菜单比较简单的方法是直接使用dreamweaver cs3的spry制作,其他方法制作难度比较大，不管哪种方法，必须要使用javascript调用。
<ul class="tabs">
<li>
<input type="radio" name="tabs" id="tab1" checked />
<label for="tab1">选项卡 1</label>
<div id="tab-content1" class="tab-content">
<p>选项卡内容 1</p>
</div>
</li>
<li>
<input type="radio" name="tabs" id="tab2" />
<label for="tab2">选项卡 2</label>
<div id="tab-content2" class="tab-content">
<p>选项卡内容 2</p>
</div>
</li>
</ul>
<ul> <li><a href="#test1">test1</a></li> <li><a href="#test2">test2</a></li> </ul> <div id="test1" class="txt1">111111111111111</div> <div id="test2" class="txt1">222222222222222</div>.txt1 {border: 1px green solid padding: 10px background: #fafafa height: 50pxwidth: 600px position: absolute} 这里将内容叠加起来。只显示最上面的。不加背景的话，字体就重叠在一起#test1:target,#test2:target {z-index: 1} 这是当a标签的href触发到id伪test1的target后 的动画 然后将该页显示出来。
你的意思是 在切换的内容那个框里面 的内容太多 想做个第二页？ 这样的话你可以还是利用切换的原理在里面再套一个切换 只是把导航的名字换成 第一页 第二页 这样。而如果做成 像网站链接一样翻页的话……就是 框架那样 页数 但是 显示的内容还是在 那个切换的框里面。
