你的位置:HBcms宏博内容管理系统 建站经验 正文
内容搜索
热门内容
  1. 网站logo在线设计,免..
  2. 域名解析文件hosts文件..
  3. 教你如何做网线接头:..
  4. qq怎么截图?如何在qq..
  5. 雅虎yahoo邮箱smtp和p..
  6. 新注册126邮箱或163邮..
  7. 幻灯片式的网页图片滚..
  8. 做网站怎么赚钱?什么..
  9. com域名和cn域名net域..
  10. Google支付系统(Googl..
推荐内容
  1. 做一个商业网站要多少..
  2. 国外服务器租用(国外..
  3. 深圳做网站的公司!=深..
  4. 网络原创投稿,转载精..
  5. 美国服务器租赁Window..
  6. 699元的美国服务器出租..
  7. 添加友情链接,速度别..
  8. “原始人”卷款潜逃事..
  9. 设置Godaddy支持zend ..
  10. 网页设计中常用的CSS命..
tab内容隐藏显示切换特效代码,兼容firefox
  •  添加时间:2008-08-25 发表时间:2008-08-25 人气:2133
  • css+javascript实现的tab切换特效代码,兼容firefox。对做模板十分有用处


    代码如下:

    <HR>

    <script>
    function hbcmsTabSwitch(o,o2,n,otag,o2tag){
     var m_n = document.getElementById(o).getElementsByTagName(otag);
     var c_n = document.getElementById(o2).getElementsByTagName(o2tag);
     for(i=0;i<m_n.length;i++){
       m_n[i].className=(i==n)?"c_tab":"h_tab";
       c_n[i].className=(i==n)?"dis":"undis";
     }
    }
    </script>
    <style>
    .c_tab{color:red;}.h_tab{color:gray;}
    .dis{display:block;}.undis{display:none;}
    </style>
    <table width="290" border="0" cellpadding="0" cellspacing="0" class="newstabbg" id="nestab">
          <tr id="tabnews">
            <td width="71" align="center" class="s" onMouseOver="hbcmsTabSwitch('tabnews','newscot',0,'td','span')">日</td>
            <td width="71" align="center" class="nos"  onmouseover="hbcmsTabSwitch('tabnews','newscot',1,'td','span')">周</td>
            <td width="71" align="center" class="nos" onMouseOver="hbcmsTabSwitch('tabnews','newscot',2,'td','span')">月</td>
            <td width="77" height="24" align="center" class="nos" onMouseOver="hbcmsTabSwitch('tabnews','newscot',3,'td','span')">即时排行</td>
          </tr>
          <tr>
    <td height="274" colspan="4" align="center" valign="top" class="border3" id="newscot" bgcolor="#D8EBEB">


    <span class="dis">

    css和javascript的
    <BR>
    sssss111111
    </span>
    <span class="undis">
    s222222222
    </span>
    <span class="undis">
    333333333333
    </span>
    <span class="undis">
    444444444444
    </span>

    </td></tr></table>


     

  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 建站经验