ie5.0+ firefox chrome,简单的一个类，保存运行就可以！使用请见代码注释~
<!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=utf-8" />
<title>Tab Demo - by funnyzak</title>
<style type="text/css">
ul,li{ margin:0; padding:0;}
body{ text-align:center; padding:0; margin:0;}
#tabcontainer{ width:700px; height:auto; margin:30px auto 0; border:solid 1px #CCC;}
#title_c{ width:100%; border-bottom:#CCC 1px solid; overflow:hidden;}
#title_c ul{ list-style:none;}
#title_c li,#title_c .li_on{ height:25px; line-height:25px; float:left; width:70px; padding:0 15px; text-align: center; font-size:13px; cursor:pointer; font-weight:bold; }
#title_c .li_on{ color:#F00;}
#tabcontent{ width:680px; padding:10px; margin:0; overflow:hidden; text-align:left;}
</style>
</head>
<body>
<div ,3);
</script>
</html>