账号通
    

账号  

密码  

1417

查看

0

回复
主题:已解决  [求助]滑动门的问题,麻烦指教一下??? [收藏主题]  
jshjq 当前离线

54

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:973 分
登录次数:76 次
注册时间:2007/10/2
最后登录:2009/3/4
jshjq 发表于:2007/10/24 15:27:00   | 显示全部帖子 查看该作者主题 楼主 
科汛在线考试系统(NET)


此主题相关图片如下:a.jpg
a.jpg

能力有限 如何将舌签文字垂直居中,谢谢了

代码如下:

<style type="text/css">
.table{
color: #000;
font-family: "宋体", arial;
font-size: 12px;
background: #fff;
text-align: center;
margin: 0;
}
body{
 color: #000;
 font-family: "宋体", arial;
 font-size: 12px;
 background: #fff;
 text-align: center;
 margin: 0;
 background-color: #ececec;
}
.nTab{
float: left;
width: 311px;
margin: 0 auto;
border-bottom:1px #bcbcbc solid;
background:#ececec;
background-position:left;
background-repeat:repeat-y;
margin-bottom:2px;
}
.nTab .TabTitle{
clear: both;
height: 30px;
overflow: hidden;
}
.nTab .TabTitle ul{
border:0;
margin:0;
padding:0;
}
.nTab .TabTitle li{
float: left;
width: 100px;
cursor: pointer;
padding-top: 4px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
list-style-type: none;
}
.nTab .TabTitle .active{height:  30px;background-image:url(ka1.gif);border-left:0px #bcbcbc solid;border-top:0px #bcbcbc solid;border-right:0px #bcbcbc solid;border-bottom:0px #fff solid;}
.nTab .TabTitle .normal{height:  30px;background-image:url(ka.gif);border:0px #bcbcbc solid;}
.nTab .TabContent{
width:auto;background:#fff;
margin: 0px auto;
padding:10px 0 0 0;
border-right:1px #bcbcbc solid;border-left:1px #bcbcbc solid;
}
.none {display:none;}

#Layer1 {
 position:absolute;
 left:389px;
 top:130px;
 width:79px;
 height:24px;
 z-index:1;
}
</style>

<script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
  if (i == Num)
  {
   thisObj.className = "active";
      document.getElementById(tabObj+"_Content"+i).style.display = "block";
  }else{
   tabList[i].className = "normal";
   document.getElementById(tabObj+"_Content"+i).style.display = "none";
  }
}
}
</script>


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body>
<div align="center" style="padding-left:25px;">


<table class=table width="311" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td ><!-- 选项卡0开始 -->
  <div class="nTab">
    <!-- 标题开始 -->
    <div class="TabTitle">
      <ul id="myTab0">
        <li class="active" valign="middle"  onMouseOver="nTabs(this,0);">
          <div  align="center" >基本上架</div>
        </li>
        <li class="normal" onMouseOver="nTabs(this,1);">
          <div align="center">热卖商品</div>
        </li>
        <li class="normal" onMouseOver="nTabs(this,2);">
          <div align="center">推荐商品</div>
        </li>

      </ul>
    </div>
    <!-- 内容开始 -->
    <div class="TabContent">
      <div id="myTab0_Content0"> 000</div>
      <div id="myTab0_Content1" class="none">111</div>
      <div id="myTab0_Content2" class="none">222</div>
 
 
    </div>
  </div>
  <p>
    <!-- 选项卡0结束 -->
  
</td>
  </tr>
</table>

</div>
</body>



[此贴子已经被作者于2007-10-24 15:39:08编辑过]

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.06250秒 powered by KesionCMS 9.0