活动卡片(TAB)样式

来源：互联网发布：经纬度定位软件编辑：程序博客网时间：2024/05/06 11:25

body { background:#ffffff;margin-left:0px;margin-top:0px; } .tab-top { width:130px;height:23px;position:absolute;left:5px;top:15px; } .tab-content { width:500px;height:150px;position:absolute;top:37px;left:3px;border:1px solid gray; } <style type="text/css">
body
{
    background:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
}
.tab-top
{
    width:130px;
    height:23px;
    position:absolute;
    left:6px;
    top:15px;
}
.tab-middle
{
    width:500px;
    height:10px;
    position:absolute;
    top:37px;
    left:3px;
    border:1px solid #808080;
    background-color:#C0C0C0;
}
</style>
   <script src="js/commonjs.js" language="javascript"></script>
<script language="javascript">

</script>
<script src="js/commonjs.js" language="javascript"></script>
</HEAD>

<BODY>
<div id="tab1" class="tab-top" style="background-image:url(Images/bk.gif);" onclick="ChangTab('tab1','Images/bk-white.gif','Images/bk.gif')">
</div>

<div id="tab2" class="tab-top" style="background-image:url(Images/bk.gif);left:125px" onclick="ChangTab('tab2','Images/bk-white.gif','Images/bk.gif')">
</div>

<div id="tab3" class="tab-top" style="background-image:url(Images/bk.gif);left:244px" onclick="ChangTab('tab3','Images/bk-white.gif','Images/bk.gif')">
</div>

<div class="tab-middle"></div>
<div id="content" class="">
</div>