div + css实现Tab菜单

来源：百度知道 编辑：UC知道 时间：2024/06/13 01:05:38
我要个div + css实现Tab菜单,,最主要是简单,不要什么花样的!谢谢大家了!!

需要再加上JS进入控制。具体代码如下，JS的功能就是用来修改CSS中的display属性。下面的代码只是做一些简单的原理演示，你可以跟据你自己的需要进行修改。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.tabnav ul{margin:0;padding:0;list-style:none;}
.tabnav li{padding:5 10px;border:1px solid red;float:left;}
.tabid {border:1px solid #000;clear:both;}
</style>
<script language='javascript'>
function tab(n){
var tabnav="tab"+n;
var tabid="tabid"+n;
cleardisplay();
document.getElementById(tabid).style.display="block";