<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "<a href="http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="keywords" content="" />
<title> Tab Demo </title>
<script type="text/javascript">
<!--
function c(i){
 var i;
 document.getElementById("tab").className="tabD"+i;
 window.name=i;//window.name版
}
onload=function(){
 var a=document.links;
 for(var i=0;i<a.length;i++)a[i].onfocus=function(){this.blur();}
}
//-->
</script>
<style type="text/css">
body,table,td,th,input,textarea,button,select{font:13px Verdana,"宋体",sans-serif;}
body{background-color:#eef;}

div#tab{width:300px;text-align:left;}
ul.tabU{
 list-style: none;
 margin: 0px;
 padding:1px 0px 0px .5em;
}
ul.tabU li{
 display: inline;
 margin-right:2px;
}
ul.tabU li a{
 color:black;
 font-weight:bold;
 line-height: 20px;
 text-decoration:none;
 background-image: url(attachments/month_0704/p200743202029.gif);
 border:1px #BBBBBB solid;
 border-bottom-width:0px;
 padding:0px 5px 2px;
 cursor: pointer;
}
div.tabC{
 display:none;
 border:1px solid;
 padding:6px;
}

div.tabD1 a.tabB1,a.tabB1:hover{background-position:0 -20px;border-color:#EAAD6B;}
div.tabD1 div.tabC1{border-color:#EAAD6B;display:block;background-color:#FDEDD8;}

div.tabD2 a.tabB2,a.tabB2:hover{background-position:0 -42px;border-color:#6ECEF3;}
div.tabD2 div.tabC2{border-color:#6ECEF3;display:block;background-color:#E6F6FD;}

div.tabD3 a.tabB3,a.tabB3:hover{background-position:0 -64px;border-color:#84AC44;}
div.tabD3 div.tabC3{border-color:#84AC44;display:block;background-color:#F1F6E7;}

div.tabD4 a.tabB4,a.tabB4:hover{background-position:0 -86px;border-color:#F37CA3;}
div.tabD4 div.tabC4{border-color:#F37CA3;display:block;background-color:#FFEEF4;}

div.tabD1 a.tabB1,div.tabD2 a.tabB2,div.tabD3 a.tabB3,div.tabD4 a.tabB4{padding:1px 5px 3px;}
</style>
</head>
<body>
<center>
<div >......</a></div>
</div>
</center>
</body>
</html>

相关文章:

  • 2021-06-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-02
  • 2021-10-27
猜你喜欢
  • 2022-12-23
  • 2022-02-01
  • 2022-12-23
  • 2021-11-21
  • 2022-12-23
  • 2021-09-03
  • 2021-06-14
相关资源
相似解决方案