手机端 | 加入收藏 | 设为首页 | 会员中心 | 我要投稿 | RSS
您当前的位置：首页 > 下载中心 > 代码特效
1861资源网 免费发布信息
软件名称： 一个网页同时出现选项卡和滑动门的代码特效
文件类型：
界面语言： 简体中文
软件类型： 国产软件
运行环境：
授权方式： 共享软件
软件大小：
软件等级：
软件登陆： zywlyy
作 者 ：
官方网址： 官方站
程序演示： 演示
整理时间： 2024-11-18
软件简介：
  • <head>
    <title>简洁TAB</title>
    <script type="text/javascript">
    function nTabs(thisObj,Num){
    if(thisObj.className == "active")return;
    var tabObj = thisObj.parentNode.id;
    var tabList = document.getElementById(tabObj).getElementsByTagName("li");
    for(i=0; i <tabList.length; i++)
    {
      if (i == Num)
      {
       thisObj.className = "active"; 
          document.getElementById(tabObj+"_Content"+i).style.display = "block";
      }else{
       tabList[i].className = "normal"; 
       document.getElementById(tabObj+"_Content"+i).style.display = "none";
      }
    } 
    }
    </script>
    <style type="text/css">
    <!--
    *{margin:0;padding:0;list-style:none;font-size:14px}
    .nTab{width:500px;margin:20px auto;background:#aaa;border:1px solid #333;overflow:hidden}
    .none {display:none;}
    .nTab .TabTitle li{float:left;cursor:pointer;height:30px;line-height:30px;font-weight:bold;text-align:center;width:124px}
    .nTab .TabTitle li a{text-decoration:none;}
    .nTab .TabTitle .active{background:#ccc;color:#336699}
    .nTab .TabTitle .normal{background:#666;color:#fff}
    .nTab .TabContent{clear:both;overflow:hidden;background:#fff;padding:5px;display:block}
    -->
    </style>
    </head>
    <body>
    <div class="nTab">
            <div class="TabTitle">
            <ul id="myTab">
            <li class="active" onmouseover="nTabs(this,0);">ASP</li>
            <li class="normal" onmouseover="nTabs(this,1);">PHP</li>                   
            </ul>
            </div>
            <div class="TabContent">
        <div id="myTab_Content0">同一页面，滑动门，选项卡同在</div>
        <div id="myTab_Content1" class="none">兼容性好</div>
        </div>    
    </div>

    <div class="nTab">
            <div class="TabTitle">
            <ul id="myTab1">
            <li class="active" onclick="nTabs(this,0);">ASP</li>
            <li class="normal" onclick="nTabs(this,1);">PHP</li>                   
            </ul>
            </div>
            <div class="TabContent">
        <div id="myTab1_Content0">简洁TAB，滑动门，选项卡</div>
        <div id="myTab1_Content1" class="none">兼容性好</div>        
            </div>    
    </div>
    </body>
    </html>
下载地址：
下载帮助： 发表评论 加入收藏夹 错误报告
相关软件： 无相关信息
下载说明： ⊙推荐使用网际快车下载本站软件，使用 WinRAR v3.10 以上版本解压本站软件。
⊙如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
⊙下载本站资源，如果服务器暂不能下载请过一段时间重试！
⊙如果遇到什么问题，请到本站去咨寻，我们将在那里提供更多 、更好的资源！
⊙本站提供的一些商业软件是供学习研究之用，如用于商业用途，请购买正版。
免责说明：

免责声明
免责声明：以上所展示的信息由会员自行提供，内容的真实性、准确性和合法性由发布会员负责，www.zywlyy.cn 对此不承担任何责任。如有侵犯您的权益，请来信通知删除。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐下载
最后更新
热门点击
站内搜索： 高级搜索
网站首页 | 关于我们 | 免责声明 | WAP | 手机站
zywlyy.cn www.zywlyy.cn 7.5  © 2012
返回顶部