jsタブ効果コード強化版_javascriptスキル-jsチュートリアル-php.cn

jsタブ効果コード強化版_javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 19:05:02

オリジナル

1012 人が閲覧しました

table.TabBarLevel1 td{ 
border:1px solid #CCCCCC; 
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-left:1px solid #CCCCCC; 
border-right:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
} 
</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');">热门图片</td> 
        <td width="7" class="Black"> </td> 
        <td width="80" id="imageTab2" valign="middle" class="mousehand" onclick="javascript:switchTab('TabPage1','imageTab2','子虚乌有','image');">波希米亚</td> 
        <td width="7" class="Black"> </td> 
        <td width="80" id="imageTab3" valign="middle" class="Selected mousehand" onclick="javascript:switchTab('TabPage1','imageTab3','孤零飘客','image');">红色黑客</td> 
        <td width="7" class="Black"> </td> 
        <td width="" align="right" class="Black">
<a href="http://www.jb51.net">脚本之家</a>  </td> 
      </tr> 
    </table>
      <table width="100%" border="0" cellpadding="0" cellspacing="0" class="Content"> 
        <tr> 
          <td height="110"><div id="divimagelist_all"> 正在加载...</div></td> 
        </tr> 
      </table>
</td>
</tr>
</table>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

私はそれに基づいています追加されたコンテンツコントロールの効果

コードをコピー

コードは次のとおりです: