首页 > 语言 > JavaScript > 正文

js tab效果代码增强版

2024-05-06 14:18:07

字体：大中小

来源：转载

供稿：网友

<style> body {     font-family: Arial,"宋体";     font-size:9pt; } td { font-size:12px;; } .mousehand{     cursor:hand; } .titletable{     padding-left:5px;     background-color:#E9E9E9; }     table.TabBarLevel1{ } 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">错新站长站  </td>       </tr>     </table>       <table width="100%" border="0" cellpadding="0" cellspacing="0" class="Content">         <tr>           <td height="110"> 正在加载...</td>         </tr>       </table></td> </tr> </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
本人在它的基础上添加的内容控制的效果
代码如下:
<script type="text/javascript">
function $(objName)
{

    if(document.getElementById)
    {
        return document.getElementById(objName );
    }
    else if(document.layers)
    {
        return eval("document.layers['" + objName +"']");
    }
    else
    {
        return eval('document.all.' + objName);
    }
}
function switchTab(tabpage,tabid,action,type){

上一篇：Dom加载让图片加载完再执行的脚本代码

下一篇：js调用flash的效果代码

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注