• 文字广告位
  • 文字广告位
  • 文字广告位
  网站首页  软件教程  网页语言  特效代码  经验技巧  FLASH源码  实用素材  酷站欣赏  数据库  服务器  操作系统  站长交易
√ 新人注册　√ 用户登录
您现在的位置： 站长手册 >> 特效代码 >> 导航类 >> 正文
站内搜索
Google
·特效代码
[图文]流行tab标签切换效果
   热 荐  ★★★★　　　

流行tab标签切换效果

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气：　来源：本站原创　作者：佚名　所属栏目：导航类　[切换到繁體中文]
介绍：目前比较流行的TAB标签效果，美观大方、节省空间。

演示：

[Ctrl+A全选 提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效： tabMenu.js下载
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：无
　--------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<script language=JavaScript src="/texiao/zzsc_demo/tabMenu.js"></script>
<style>
#one { Z-INDEX: 2; VISIBILITY: visible; WIDTH: 235px; POSITION: absolute}
#two { Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 235px; POSITION: absolute}
#three { Z-INDEX: 4; VISIBILITY: hidden; WIDTH: 235px; POSITION: absolute}
</style>
<table cellspacing=0 align=center border=0>
        <tbody> 
        <tr> 
          <td> 
            <table cellspacing=0 cellpadding=0 border=0>
              <tbody> 
              <tr> 
                <td width=80><a  
                  href="javascript:updateTabs('img1');showLayer('one'); hideLayer('two'); hideLayer('three');"><img 
                  src="/texiao/zzsc_demo/tab_atw_nbadaily_on.gif" width=80 border=0 
                  name=img1></a></td>
                <td width=80><a  
                  href="javascript:updateTabs('img2');showLayer('two'); hideLayer('one'); hideLayer('three');"><img 
                  src="/texiao/zzsc_demo/tab_atw_espn_off.gif" width=80 border=0 
                  name=img2></a></td>
                <td width=80><a  
                  href="javascript:updateTabs('img3'); showLayer('three'); hideLayer('two'); hideLayer('one');"><img 
                  src="/texiao/zzsc_demo/tab_atw_yahoo_off.gif" width=80 border=0 
                  name=img3></a></td>
              </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr> 
          <td valign=top width=235 bgcolor=#efefe7 height=120> 
            <div id=one> 
              <table>
                <tbody> 
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Blazers sign Jeff McInnis </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Nash practices with Team Canada 
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Szczerbiak in a New York state 
                    of mind </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Spurs move on without Antonio Daniels 
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Harris tells Nuggets he'll stay 
                    with Mav</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Get the NBA Daily via e-mail </td>
                </tr>
                </tbody> 
              </table>
            </div>
            <div id=two> 
              <table>
                <tbody> 
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Jazz prodigies should play new 
                    tunes </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">NBA stars fall in Magic's charity 
                    game </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Newell to open 25th Big Man Camp 
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Hearn remembered as ultimate </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Cuban concerned about insurance 
                    at Worlds </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Sabonis returning to Blazers? <br>
                  </td>
                </tr>
                </tbody> 
              </table>
            </div>
            <div id=three> 
              <table>
                <tbody> 
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Inside Dish: European championship 
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Celtics re-sign Walter McCarty 
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Trades that need to happen </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Magic sign Ryan Humphrey </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">Marion agrees to extension with 
                    Suns </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="/texiao/zzsc_demo/dot.gif" width=8></td>
                  <td  valign=top class="gray">This week's mailbag </td>
                </tr>
                </tbody> 
              </table>
            </div>
          </td>
        </tr>
        </tbody>
      </table>
  • 上一个特效：
  • 下一个特效：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    姓 名： *（必填项） ·注册用户·
    Email： QQ号：
    评 分： 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》。
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点，与本网站立场无关。
    站内特效搜索
    高级搜索
    ·最新特效　　　　　　
    普通特效 在线颜色选择盘
    普通特效 在线计算器
    普通特效 防止网页被frame引用
    普通特效 让表格有个标题
    普通特效 检测访客浏览器的版本
    普通特效 点击广告后才能进入页面
    普通特效 网页密码验证进入
    普通特效 测试访问者电脑分辩率
    普通特效 Java容错代码(二)
    普通特效 Java容错代码(一)
    ·热门特效　　　　　　
    普通特效 在线颜色选择盘
    普通特效 在线计算器
    普通特效 防止网页被frame引用
    普通特效 让表格有个标题
    普通特效 检测访客浏览器的版本
    普通特效 点击广告后才能进入页面
    普通特效 网页密码验证进入
    普通特效 测试访问者电脑分辩率
    普通特效 Java容错代码(二)
    普通特效 Java容错代码(一)
    普通特效 显示时间的按钮
    普通特效 当前时间（八种形式）
    普通特效 有记事功能的万年历
    普通特效 常用农历日历
    普通特效 自动记录网站更新日期
    普通特效 页面停留时间
    ·网站推广
    普通文章 Google排名策略，大型网站的
    普通文章 小小分析下：南宁时空-南宁时
    普通文章 奥运年,草根站长如何推广网站
    普通文章 站长的“衣食父母者”--百度
    普通文章 发软文让编辑保留连接的方法
    普通文章 爆增流量的经验与站长分享
    普通文章 图王:我为什么鼓励写软文
    普通文章 谈谈破坏排名的种种恶劣手段
    普通文章 做网络传销的宣传网站方式（
    普通文章 雅虎管理器如何提升网站流量
    ·ICO素材

    Lost系列图标打包下载

    东风标致汽车图标下载(含PNG

    XP系统尊贵系列图标下载[含P

    遗失的美好!Lost系列图标续下
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008　站长手册 WWW.ZZSC.ORG　业务联系 zzsc.org#gmail.com