博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页选项卡
阅读量:6154 次
发布时间:2019-06-21

本文共 1342 字,大约阅读时间需要 4 分钟。

hot3.png

        .clear{clear:both; height:0px; overflow:hidden;}        .tab{width:400px; font-size:12px;}        .tab_menu ul{padding:0px;margin:0px;}        .tab_menu li{list-style:none; display:block; float:left;            background:#C2CEFE; height:22px; line-height:22px;            padding: 0px 8px; margin-right:6px; border:#86B4CA 1px solid;        }        .box{width:400px; height:200px; overflow:hidden; border:#A8C9D9 1px solid; padding:10px 8px; }        .tab_menu ul li.selected{background:#dadada; cursor:pointer; }        .hide{display:none;}                $(function() {            var $menu_li = $("div.tab_menu ul li");  //选取网页选项卡            $menu_li.click(function(){                $(this).addClass("selected") //当前
  • 高亮                        .siblings().removeClass("selected"); //去掉其它同辈
  • 的高亮                var index = $menu_li.index( $(this) ); //找到
  • 子节点的索引                $("div.tab_box > div").eq(index).show() //索引为N的DIV显示出来                        .siblings().hide();            //其它的选项卡隐藏            })        })          
        
            
                  
      个人信息            
      我的照片            
      我的博客            
              
            
            
    我的QQ:1511109272        
    hi         
     hello 
         
  • 转载于:https://my.oschina.net/u/1413786/blog/207244

    你可能感兴趣的文章
    有趣的数学书籍
    查看>>
    teamviewer 卸载干净
    查看>>
    eclipse的maven、Scala环境搭建
    查看>>
    架构师之路(一)- 什么是软件架构
    查看>>
    USACO 土地购买
    查看>>
    【原创】远景能源面试--一面
    查看>>
    B1010.一元多项式求导(25)
    查看>>
    10、程序员和编译器之间的关系
    查看>>
    配置 RAILS FOR JRUBY1.7.4
    查看>>
    AndroidStudio中导入SlidingMenu报错解决方案
    查看>>
    修改GRUB2背景图片
    查看>>
    Ajax异步
    查看>>
    好记性不如烂笔杆-android学习笔记<十六> switcher和gallery
    查看>>
    JAVA GC
    查看>>
    3springboot:springboot配置文件(外部配置加载顺序、自动配置原理,@Conditional)
    查看>>
    前端第七天
    查看>>
    图解SSH原理及两种登录方法
    查看>>
    【总结整理】JQuery基础学习---样式篇
    查看>>
    查询个人站点的文章、分类和标签查询
    查看>>
    基础知识:数字、字符串、列表 的类型及内置方法
    查看>>