網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>菜單導航特效代碼>

有間隔帶“更多”字樣的選項卡_菜單導航特效

有間隔空隙帶“更多”字樣的選項卡，完全是由JS控制的，內(nèi)容也寫在JS的數(shù)組里，這樣便于從外部調(diào)用JS文件，這樣做有優(yōu)點也有缺點，看你的實際需求了。

<title>有間隔空隙帶“更多”字樣的選項卡</title>
<style> 
td {
font-size:9pt;
}
.mousehand{
cursor:hand;
}
.titletable{
padding-left:5px;
background-color:#E9E9E9; }	
table.TabBarLevel1{
}
table.TabBarLevel1 td{
 border:1px solid #454545;
 height:20px;
 background-color:#E1E1E1;
}
table.TabBarLevel1 td.Selected{
 border-bottom-width:0px;
 background-color:#ffffff;
}
table.TabBarLevel1 td.Black{
 border-left-width:0px;
 border-top-width:0px;
 border-right-width:0px;
 background-color:#FFFFFF;
}
table.Content{
 border:1px solid #454545;
 border-top:none;
}
</style>
<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%"  border="0" cellspacing="0" cellpadding="0" class="TabBarLevel1" id="TabPage1">
      <tr align="center">
        <td width="130" id="imageTab1" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab1','模板無憂歡迎您到來！','image');">網(wǎng)站先容</td>
        <td width="7" class="Black">&nbsp;</td>
        <td width="80" id="imageTab2" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab2','本欄提供精品網(wǎng)頁殊效代碼','image');">網(wǎng)頁殊效</td>
        <td width="7" class="Black">&nbsp;</td>
        <td width="80" id="imageTab3" valign="middle" class="Selected mousehand" onclick="javascript:switchTab('TabPage1','imageTab3','網(wǎng)友的留言','image');">最新留言</td>
        <td width="7" class="Black">&nbsp;</td>
        <td width="" align="right" class="Black"><a href="http://www.zhaotila.cn/jscss/">更多</a>&nbsp;&nbsp;</td>
      </tr>
    </table>
      <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="Content">
        <tr>
          <td height="110"><div id="divimagelist_all">&nbsp;正在加載...</div></td>
        </tr>
      </table></td>
  </tr>
</table>
<script language="javascript"> 
function switchTab(tabpage,tabid,action,type){
	var oItem = document.getElementById(tabpage);   
	for(var i=1;i< 4;i++){
		var x = document.getElementById(type + 'Tab' + i);	
		x.className = "mousehand";
	}	
	document.getElementById(tabid).className = "Selected";
	// www.zhaotila.cn
	divimagelist_all.innerHTML = type+'_'+action;
}
</script>

所屬頻道：菜單導航特效/更新時間：2012-11-05

[收藏][報錯][返回列表]

相關菜單導航特效：

有間隔帶“更多”字樣的選項卡_菜單導航特效

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些