在不同的选项卡之间的切换

Chrome扩展实现在打开的选项卡之间快速切换
2019-08-10 16:01:43
Chrome 扩展- 实现在打开的选项卡之间快速切换
收起
idea-tabsession:IntelliJ IDEA 插件可保存选项卡组并在不同会话之间切换-源码
2021-06-12 09:01:53
保存选项卡组并在不同会话之间切换。安装说明进入 IntelliJ IDEA 的插件设置，点击Browse repositories... ，搜索“Tab Session”并安装。或者从页面下载插件 JAR，将其复制到您的.IntelliJIdeaXX/config/...
收起
Java
实现不同列表之间切换的选项卡的效果
2021-04-01 15:48:16
该源码由源码天堂免费提供下载，源码实现了如何自定义界面的...自定义选项卡的文字、颜色和图片，不同列表之间切换的动作效果，以及自定义选项卡弹出消息的样式。是一个不错的学习例子，喜欢的朋友可以下载研究一下，。
收起
IOS源码
CtrlP-SmartTabs:Vim CtrlP 插件在打开的选项卡之间切换-源码
2021-07-05 17:11:10
这是一个 ctrlp.vim 扩展，允许您在不同的打开选项卡之间切换。先决条件为了使用这个插件，你需要安装。安装如果您使用您可以安装此插件并添加以下行： Bundle 'DavidEGx/ctrlp-smarttabs' 到您的 .vimrc ...
收起
Vimscript

实现选项卡切换的三种方式

千次阅读 2019-06-10 09:18:32

实现选项卡切换的三种方式用Jquery库实现只需要点击上面的导航标签即可切换下方内容，Html代码如下复制代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ...

实现选项卡切换的三种方式 
用Jquery库实现 
 
只需要点击上面的导航标签即可切换下方内容，Html代码如下 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>tab切换</title>
    <style type="text/css">
        *{padding:0;margin:0;font:normal 15px "微软雅黑";color:#000;}
        ul{list-style-type: none;padding-left: 5px;margin-bottom: -2px}
        .tab{width:500px;margin: 10px auto}
        a{text-decoration: none;}
        .title li{display: inline-block;border: 1px solid #999;border-bottom: 2px solid #a00;background: #fff;text-align: center;width: 60px;height: 30px;margin: 0 1px;line-height: 30px}
        .title .active{border-top:2px solid #a00;border-bottom: 2px solid #fff; }
        #content{margin: 0;border: 1px solid #ccc;border-top: 2px solid #a00;width: 300px}
        #content div{display: none;padding: 10px 0}
        #content .mod{display: block;}
    </style>
</head>
<body>
<div class="tab">
    <ul class="title">
        <li class="active"><a href="#">房产</a></li>
        <li><a href="#">家居</a></li>
        <li><a href="#">二手房</a></li>
        <!--<li><a href="#">家居</a></li>-->
    </ul>
    <div id="content">
        <div class="mod">
            <ul>
                <li><a href="#">房产内容1</a> </li>
                <li><a href="#">房产内容2</a> </li>
                <li><a href="#">房产内容3</a> </li>
            </ul>
        </div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">家居内容1</a> </li>
                <li><a href="#">家居内容2</a> </li>
                <li><a href="#">家居内容3</a> </li>
            </ul>
        </div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">二手房内容1</a> </li>
                <li><a href="#">二手房内容2</a> </li>
                <li><a href="#">二手房内容3</a> </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
 
Jquery代码如下： 
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".title li").click(function(){
//            var $this=$(this);
//            alert($this.index());
            $(this).addClass("active").siblings().removeClass("active");
            $("#content .mod").eq($(".title li").index(this)).show().siblings("#content .mod").hide();
        });
    });
</script>
 
原生的js代码实现 

 实现所需的html代码： 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{padding: 0;margin: 0;box-sizing: border-box}
        div{width: 70%;margin: 20px auto;}
        ul{
            list-style: none;overflow: hidden;
        }
        #nav{
            width: 400px;height: 40px;text-align: center;line-height: 40px;
            background: #c5c5c5;
        }
        #nav li{
            width: 25%;height: 40px;float: left;border: 1px solid #c5c5c5;
            border-bottom: none;
        }
        #nav li.active{
            background: #fff;
        }
        #content{
            width: 400px;height: 300px;position: relative;border: 1px solid #c5c5c5;border-top: none;
        }
        #content li{width: 100%;height: 100%;position: absolute;padding: 10px;display: none}
    </style>
</head>
<body>
	<div>
    	<ul id="nav">
    		<li class="active">选项一</li>
    		<li>选项二</li>
    		<li>选项三</li>
    		<li>选项四</li>
		</ul>
		<ul id="content">
   	 		<li style="display: block">内容一</li>
    		<li>内容二</li>
    		<li>内容三</li>
    		<li>内容四</li>
		</ul>
	</div>
</body>
</html>
 
js代码如下： 
<script type="text/javascript">
  var nav =document.getElementById("nav");
  var navlist = nav.children;
  var con = document.getElementById("content");
  var conlist = con.children;
  for (var i= 0;i<navlist.length;i++){
      navlist[i].index = i;
      navlist[i].onclick = function (){
          for (var m = 0;m< conlist.length;m++){
              navlist[m].className = "";
              conlist[m].style.display ="none";
          }
          this.className = "active";
          conlist[this.index].style.display = "block";
      }
  }
</script>
 
封装一个函数方法来实现 
如果说大家在写页面的时候需要多次实现选项卡效果，但是又不想造成代码重复该怎么办呢？我们这时候可以使用函数封装概念来封装一个函数方法来实现多次调用。 
html代码同上，js封装方法代码如下： 
<script type="text/javascript">
    function change(navid,conid){
        var nav = document.getElementById(navid);
        var navlist = nav.getElementsByTagName("li");
        var con = document.getElementById(conid);
        var conlist = con.getElementsByTagName("li");
        for (i=0;i<navlist.length;i++){
            navlist[i].onclick = function (i){
                return function (){
                    for (m = 0;m<conlist.length;m++){
                        navlist[m].className ="";
                        conlist[m].style.display = "none";
                    }
                    this.className = "active";
                    conlist[i].style.display = "block";
                }
            }(i);
        }
    };
    change("nav","content");       //调用函数方法
</script>

收起

展开全文

css jquary js

快速选项卡切换器「Fast Tab Switcher」-crx插件
2021-03-21 08:46:26
此外，最近访问过的选项卡将位于列表的顶部，使您可以轻松地在两个选项卡之间弹跳。 ---- 显示标签切换器： - PC：Ctrl + Shift +逗号 - Mac：Cmd + Shift +逗号切换“显示来自所有窗口的选项卡”选项： - PC...
收起
生产工具
alfred-firefoxtabswitch：一个Alfred工作流程，用于在Firefox选项卡之间快速切换-源码
2021-02-05 08:09:33
一个工作流程，可在Firefox选项卡之间快速切换。安装要求（经过13.7版测试）（通常与nodeJS一起安装） + Powerpack许可证 1.安装工作流程您需要先安装工作流程，因为它还将安装扩展的本机消息传递主机组件...
收起

ViewPager实现各个选项卡之间的切换

千次阅读 2016-09-20 19:20:07

一般ViewPage允许用户通过向左向右滑动实现页面的切换,当然你还需要实现一个PageAdapter来提供切换所需要的View.wPage作为一个布局管理器,那有时候项目可能会需要你来实现一个能在各个选项卡之间来回切换的功能，...

ViewPage是安卓V4包中提供的一个组件，作为一个布局管理器,继承于ViewGroup和LinearLayout/FrameLayout等同属于布局管理器.一般ViewPage允许用户通过向左向右滑动实现页面的切换,当然你还需要实现一个PageAdapter来提供切换所需要的View.wPage作为一个布局管理器,那有时候项目可能会需要你来实现一个能在各个选项卡之间来回切换的功能，那么ViewPager就是首选了 

  
ViewPager实现起来跟listView差不多，也需要自定义Adapter，然后往里面添加数据，具体怎么操作我都写在代码注释里面了，下面把代码贴出来跟大家分享 
功能代码： 
 
public class MainActivity extends ActionBarActivity implements ViewPager.OnPageChangeListener {

    private ViewPager viewPager;
    private PagerTabStrip pagerTabStrip;
    private ArrayList<View> views=new ArrayList<>();   //list集合用于装载View对象

    private String titles[] ={"第1项","第2项","第3项","第4项"};  //pagerTab的标题

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ActionBar actionBar =getSupportActionBar();
        actionBar.setTitle("导航条");   //给actionbar设置标题
        actionBar.setDisplayHomeAsUpEnabled(true);   //设置actionbar上的向上箭头(<-)

        actionBar.hide();  //隐藏acitonbar



        viewPager = (ViewPager) findViewById(R.id.viewpager);
        pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagertab);

        initViews();

        viewPager.setAdapter(new MyPagerAdapter());


         viewPager.setCurrentItem(2);        //设置默认显示的选项卡
        
        //注册viewpager的状态监听事件
        viewPager.setOnPageChangeListener(this);
    }

    /**
     * 为每一个pager装载内容
     */
    private void initViews() {
        LayoutInflater inflater = getLayoutInflater().from(this);

        //把从LayoutInflater获得的布局装载进list集合
        views.add(inflater.inflate(R.layout.layout1,null));
        views.add(inflater.inflate(R.layout.layout2,null));
        views.add(inflater.inflate(R.layout.layout3,null));
        views.add(inflater.inflate(R.layout.layout4,null));

        //设置标题栏的属性
        pagerTabStrip.setBackgroundColor(Color.BLUE);
        pagerTabStrip.setTabIndicatorColor(getResources().getColor(R.color.material_blue_grey_800));
        pagerTabStrip.setTextColor(Color.WHITE);




    }

    //重写选项卡的状态监听事件
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {

        Toast.makeText(this,"pager---"+position,Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }


    /**
     * 自定义PagerAdapter
     */
    class MyPagerAdapter extends PagerAdapter{


        //实例化当前的选项卡，即View对象
        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            View v = views.get(position);
            container.addView(v);
            return v;
        }

        //删除当前的 选项卡
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
           container.removeView(views.get(position));
        }


        //得到当前选项卡的位置
        @Override
        public int getItemPosition(Object object) {
            return super.getItemPosition(object);
        }


        //设置选项卡的标题
        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position];
        }


        //得到选项卡的数量
        @Override
        public int getCount() {
            return views.size();
        }

        //判断当前的视图是否为返回的对象
        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view==object;
        }
    }
}


 主布局代码： 
 
注意一定要引入v4的支持包，否则ViewPager控件加载不进来，还有选项卡PagerTabStrip控件一定要放在ViewPager里面 
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">



    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:id="@+id/viewpager"
        >
        <!--选项卡控件-->
        <android.support.v4.view.PagerTabStrip
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:id="@+id/pagertab"
            />


    </android.support.v4.view.ViewPager>

</RelativeLayout>


 
各个子布局文件基本一致，我只贴出来一个做参考，其他几个类似就不一一贴出来了 
第一个子布局代码 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/a"
        android:scaleType="centerCrop"
        />
</LinearLayout>

收起

展开全文

viewpager 布局

小程序选项卡以及swiper套用（跨页面）
2020-11-20 06:12:21
选项卡tab和swpier之间的套用，供大家参考，具体内容如下其实我之前写过一篇选项卡的切换demo，大家阔以参考一下小程序多个选项卡切换 那今天写这个demo呢，是因为项目需求，所以仅供参考。首先，我是拿到了home....
收起

多个iframe之间的切换,配合tab选项卡实现切换(jquery实现)

千次阅读 2019-07-07 18:32:28

<html> <head> <meta charset="UTF-8"> <...选项卡</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>...

<html>
<head>
    <meta charset="UTF-8">
    <title>选项卡</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<style>
    .tab{width:400px;height:400px;border:1px solid red;}
    .tab-menu{height:100px;width:400px;border:1px solid grey;}
    .tab-menu ul{list-style:none;}
    .tab-menu li{display:block;width:30%;float:left;border:1px solid blue;}
    .tab-box div{width:400px;height:300px;border:1px solid #ff4200;display:none;}
    /* 让第一个框显示出来 */
    .tab-iframes iframe:first-Child{display:block;}
    /* 改变选项卡选中时候的样式 */
    .change{background:red;}
</style>

<body>
<div class="tab">
    <div class="tab-menu">
        <ul>
            <li>新服</li>
            <li>爆服</li>
            <li>大服</li>
        </ul>
    </div>
    <div class="tab-iframes">
        <iframe id="iframe1" src="./page/iframe1/index.html" scrolling="no" frameborder="0" style="width: 500px; height:  500px;background-color: green;display: none"></iframe>
        <iframe id="iframe2" src="./page/iframe2/index.html" scrolling="no" frameborder="0" style="width:  500px; height:  500px;background-color: red;display: none" ></iframe>
        <iframe id="iframe3" src="./page/iframe3/index.html" scrolling="no" frameborder="0" style="width:  500px; height:  500px;background-color: yellow;display: none"></iframe>
    </div>
</div>

</body>
<script>
    $("ul li").click(function(){
        //通过 .index()方法获取元素下标，从0开始，赋值给某个变量
        var _index = $(this).index();
        //让内容框的第 _index 个显示出来，其他的被隐藏
        $(".tab-iframes>iframe").eq(_index).show().siblings().hide();
        //改变选中时候的选项框的样式，移除其他几个选项的样式
        $(this).addClass("change").siblings().removeClass("change");
    });

</script>
</html> 
  
目录结构 
 
效果图

收起

展开全文

多个iframe

前端实现选项卡切换的三种方式

万次阅读 多人点赞 2018-09-12 17:22:04

实现选项卡切换的三种方式首先我用Jquery库实现了一个简单的效果，只需要点击上面的导航标签即可切换下方内容，Html代码如下 <!DOCTYPE html> <html lang="en"> ...

实现选项卡切换的三种方式 
首先我用Jquery库实现了一个简单的效果， 
 
只需要点击上面的导航标签即可切换下方内容，Html代码如下 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>tab切换</title>
    <style type="text/css">
        *{padding:0;margin:0;font:normal 15px "微软雅黑";color:#000;}
        ul{list-style-type: none;padding-left: 5px;margin-bottom: -2px}
        .tab{width:500px;margin: 10px auto}
        a{text-decoration: none;}
        .title li{display: inline-block;border: 1px solid #999;border-bottom: 2px solid #a00;background: #fff;text-align: center;width: 60px;height: 30px;margin: 0 1px;line-height: 30px}
        .title .active{border-top:2px solid #a00;border-bottom: 2px solid #fff; }
        #content{margin: 0;border: 1px solid #ccc;border-top: 2px solid #a00;width: 300px}
        #content div{display: none;padding: 10px 0}
        #content .mod{display: block;}
    </style>
</head>
<body>
<div class="tab">
    <ul class="title">
        <li class="active"><a href="#">房产</a></li>
        <li><a href="#">家居</a></li>
        <li><a href="#">二手房</a></li>
        <!--<li><a href="#">家居</a></li>-->
    </ul>
    <div id="content">
        <div class="mod">
            <ul>
                <li><a href="#">房产内容1</a> </li>
                <li><a href="#">房产内容2</a> </li>
                <li><a href="#">房产内容3</a> </li>
            </ul>
        </div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">家居内容1</a> </li>
                <li><a href="#">家居内容2</a> </li>
                <li><a href="#">家居内容3</a> </li>
            </ul>
        </div>
        <div class="mod" style="display: none">
            <ul>
                <li><a href="#">二手房内容1</a> </li>
                <li><a href="#">二手房内容2</a> </li>
                <li><a href="#">二手房内容3</a> </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html> 
 
Jquery代码如下： 
 
 
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".title li").click(function(){
//            var $this=$(this);
//            alert($this.index());
            $(this).addClass("active").siblings().removeClass("active");
            $("#content .mod").eq($(".title li").index(this)).show().siblings("#content .mod").hide();
        });
    });
</script> 
 
相信大家用Jquery都是比较轻松，紧接着我又尝试了用源生的js代码来实现这种效果，效果图如下： 
 
实现所需的html代码： 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{padding: 0;margin: 0;box-sizing: border-box}
        div{width: 70%;margin: 20px auto;}
        ul{
            list-style: none;overflow: hidden;
        }
        #nav{
            width: 400px;height: 40px;text-align: center;line-height: 40px;
            background: #c5c5c5;
        }
        #nav li{
            width: 25%;height: 40px;float: left;border: 1px solid #c5c5c5;
            border-bottom: none;
        }
        #nav li.active{
            background: #fff;
        }
        #content{
            width: 400px;height: 300px;position: relative;border: 1px solid #c5c5c5;border-top: none;
        }
        #content li{width: 100%;height: 100%;position: absolute;padding: 10px;display: none}
    </style>
</head>
<body>
<div>
    <ul id="nav">
    <li class="active">选项一</li>
    <li>选项二</li>
    <li>选项三</li>
    <li>选项四</li>
</ul>
<ul id="content">
    <li style="display: block">内容一</li>
    <li>内容二</li>
    <li>内容三</li>
    <li>内容四</li>
</ul>
</div>
</body>
</html> 
 
js代码如下： 
 
<script type="text/javascript">
  var nav =document.getElementById("nav");
  var navlist = nav.children;
  var con = document.getElementById("content");
  var conlist = con.children;
  for (var i= 0;i<navlist.length;i++){
      navlist[i].index = i;
      navlist[i].onclick = function (){
          for (var m = 0;m< conlist.length;m++){
              navlist[m].className = "";
              conlist[m].style.display ="none";
          }
          this.className = "active";
          conlist[this.index].style.display = "block";
      }
  }
</script> 
 
  
如果说大家在写页面的时候需要多次实现选项卡效果，但是又不想造成代码重复该怎么办呢？我们这时候可以使用函数封装概念来封装一个函数方法来实现多次调用。 
html代码同上，js封装方法代码如下： 
 
 
<script type="text/javascript">
    function change(navid,conid){
        var nav = document.getElementById(navid);
        var navlist = nav.getElementsByTagName("li");
        var con = document.getElementById(conid);
        var conlist = con.getElementsByTagName("li");
        for (i=0;i<navlist.length;i++){
            navlist[i].onclick = function (i){
                return function (){
                    for (m = 0;m<conlist.length;m++){
                        navlist[m].className ="";
                        conlist[m].style.display = "none";
                    }
                    this.className = "active";
                    conlist[i].style.display = "block";
                }
            }(i);
        }
    };
    change("nav","content");       //调用函数方法
</script> 
转载至https://www.cnblogs.com/fjner/p/5808268.html

收起

展开全文

uniapp实现选项卡切换内容
千次阅读 2021-01-28 14:34:59
uniapp实现选项卡切换 文章目录前言二、主要实现的步骤及技术讲解1.引入库2.读入数据三、最终效果展示总结前言本篇文章主要练习使用uniapp来实现选项卡切换，并且展示...3、根据数据显示不同选项卡内容 4、实现点击
收起
前端 vue.js
javafx-multiple-jre-versions:使用Maven构建的示例JavaFX项目，可以轻松在不同的JRE之间切换-源码
2021-05-18 00:49:22
javafx-multiple-jre-versions 使用Maven构建的示例JavaFX项目，可以轻松在不同的JRE之间切换，
收起
Java
vue实现tab选项卡切换
千次阅读 2019-01-25 10:24:20
最近在做公司的项目，一直用的element ui ，一直用别人写好的ui感觉很无聊。闲来无事自己试着用vue原生写个tab 实现方式一：内容是死内容，不是动态组件时 template部分的代码如下 <div class="...
收起
使用Vue.js实现简易选项卡切换功能
千次阅读 2020-06-08 14:43:13
最近在自学Vue.js，于是随手做了一个选项卡切换的功能，前端萌新第一次写博客，所以代码中或者文章表述有什么错误的，希望各位前辈不吝赐教，感激不尽。首先用Vue.component创建了三个标签名为tab1,tab2,tab3的...
收起
vue.js
如果您短暂切换到另一个选项卡，则可以在两个选项卡之间交替使用并轻松返回上一个选项卡-源码
2021-02-05 08:06:17
如果在短时间内切换到另一个选项卡，则可以在两个选项卡之间交替使用，并且很容易返回到最后一个选项卡。这是在Firefox的新基础上重写的，替代了旧的Addon SDK版本。它通过分发。要以编程方式从另一个插件...
收起
切换选项卡「Switch Tabs」-crx插件
2021-03-21 23:31:42
切换选项卡是唯一使您可以轻松预览打开的选项卡并在它们之间快速切换的扩展 -按Alt + X跳至上一个选项卡-按Alt + C转到下一个选项卡或-使用Alt +键盘箭头（←，→，↑，↓）-或使用鼠标光标单击以直接选择选项卡。...
收起
生产工具
MUI tab选项卡之间的切换和数据获取
千次阅读 2017-09-22 14:40:53
查看mui官网上面的例子，会看到有多种tab 选项卡的例子，我就写下我用到的tab选项卡。写了个简单的例子，效果如下图主页面的代码 ...
收起
eclipse切换选项卡快捷键
千次阅读 2018-02-07 09:23:08
1、编辑页面编辑页之间切换的快捷键 Ctrl +Shift + F6 （轻松实现了切换） 2、java窗口和deBug调试窗口切换快捷键 Ctrl + Shift + F8 3、查看快捷键列表的快捷键 Ctrl +Shift + L 4、运行程序的快捷键 Ctrl + F11...
收起
选项卡切换效果
2013-08-14 21:42:30
本人自做选项卡，适合于网站，实现不同栏目之间信息的切换，效果流程、使用性强。
收起
作为您无聊的浏览器选项卡的一种解决方案，用户可以在不同的视图之间切换，并向其视图添加各种小部件-源码
2021-03-07 05:50:18
＃tabsolute-browser-extension使用React和Redux构建的可自定义的新标签浏览器扩展。作为无聊的浏览器选项卡的一种解决方案，用户可以在不同的视图之间切换，并向其视图添加各种小部件。
收起
JavaScript
MRU选项卡切换「MRU Tab Toggle」-crx插件
2021-03-23 12:22:37
即使在许多打开的情况下也可以使切换标签易于管理！这是一个相当简单的扩展，它使您可以像使用Alt-Tab...如果您想打开许多选项卡，但仅能在您快速方便地使用的几个选项之间进行切换，这将很有帮助。支持语言:English
收起
生产工具
easyui实现tabs选项卡之间的切换（只显示一个）
万次阅读 2017-04-20 14:47:36
一、创建菜单项 aa1 bb1 bb2 二、点击菜单生成tabs选项卡，并添加刷新按钮，实现选项卡之间切换（只显示一个） $(".tree-node").cli
收起
easyui tabs
快速选项卡切换器「Quick Tab Switcher」-crx插件
2021-03-23 05:21:21
按Ctr + I或Command + I（OS X）打开窗口。...快速标签允许您在最近使用的标签之间快速移动，无需使用鼠标，即使在打开标签数量较多的情况下，也可以使用最少的击键来查找并切换到标签。支持语言:English
收起
生产工具
tabstatistics：一些扩展，用于显示每个会话的选项卡数，打开的选项卡，关闭的选项卡和选项卡切换的实时...
2021-02-21 04:49:16
一些扩展，用于显示每个会话的选项卡数，打开的选项卡，关闭的选项卡和选项卡开关的实时统计信息。去做重新启用存储去抖动添加显示所有已存储数据的弹出窗口在值之间旋转？选择可见徽章？具有所有值的工具...
收起
JavaScript
Axure实现Tab选项卡切换功能
万次阅读 多人点赞 2014-11-18 01:03:50
Axure实现Tab选项卡切换功能小技巧上例的四个选项卡就是...这样也可以避免位置调整不佳而导致点击每个选项卡切换时会来回“跳动”（在Axure中从一处复制内容到另一处时，内容本身的属性、事件、坐标等性质均不变）。
收起
Axure Tab
c# TabControl控件中TabPage选项卡切换时触发的事件
千次阅读 2019-02-19 10:48:00
选项卡切换触发的是tabcontrol控件的SelectedIndexChanged事件。当tabcontrol控件的任何一个tabpage被点击或选择，即发生SelectedIndexChanged事件事件。代码如下： private void tabControl1_...
收起
vb6代码编辑器选项切换卡tab插件
2018-04-17 18:23:12
vb6的代码窗口和对象窗口之间切换很不方便，这款插件使得代码编辑器有了选项切换卡tab，可以更方便切换窗口。点击注册插件.bat，然后打开VB6.0，在外接程序管理器里加载CodeHelp VB Extender即可使用。
收起
Android 选项卡
2018-10-19 09:36:05
Android 选项卡，三个选项卡之间可以相互切换。很简单的代码，适合新手学习用。
收起
vs2008 C# 在tabControl控件、选项卡、虚拟画布、重绘、最小化、切换选项卡
2014-03-04 09:11:01
在tabControl控件上用虚拟画布的方式绘制了一幅画贴在了一个选项卡空白处，可是当最小化和切换选项卡的时候，图像消失了，怎样解决？ Bitmap image = new Bitmap(690, 400); // 这里绘制image tabPage2....
收起
c#

Chrome扩展实现在打开的选项卡之间快速切换

idea-tabsession:IntelliJ IDEA 插件可保存选项卡组并在不同会话之间切换-源码

实现不同列表之间切换的选项卡的效果

CtrlP-SmartTabs:Vim CtrlP 插件在打开的选项卡之间切换-源码

实现选项卡切换的三种方式

实现选项卡切换的三种方式

用Jquery库实现

原生的js代码实现

封装一个函数方法来实现

快速选项卡切换器「Fast Tab Switcher」-crx插件

alfred-firefoxtabswitch：一个Alfred工作流程，用于在Firefox选项卡之间快速切换-源码

ViewPager实现各个选项卡之间的切换

小程序选项卡以及swiper套用（跨页面）

多个iframe之间的切换,配合tab选项卡实现切换(jquery实现)

前端实现选项卡切换的三种方式

实现选项卡切换的三种方式

uniapp实现选项卡切换内容

javafx-multiple-jre-versions:使用Maven构建的示例JavaFX项目，可以轻松在不同的JRE之间切换-源码

vue实现tab选项卡切换

使用Vue.js实现简易选项卡切换功能

如果您短暂切换到另一个选项卡，则可以在两个选项卡之间交替使用并轻松返回上一个选项卡-源码

切换选项卡「Switch Tabs」-crx插件

MUI tab选项卡之间的切换和数据获取

eclipse切换选项卡快捷键

选项卡切换效果

作为您无聊的浏览器选项卡的一种解决方案，用户可以在不同的视图之间切换，并向其视图添加各种小部件-源码

MRU选项卡切换「MRU Tab Toggle」-crx插件

easyui实现tabs选项卡之间的切换（只显示一个）

快速选项卡切换器「Quick Tab Switcher」-crx插件

tabstatistics：一些扩展，用于显示每个会话的选项卡数，打开的选项卡，关闭的选项卡和选项卡切换的实时...

Axure实现Tab选项卡切换功能

c# TabControl控件中TabPage选项卡切换时触发的事件

vb6代码编辑器选项切换卡tab插件

Android 选项卡

vs2008 C# 在tabControl控件、选项卡、虚拟画布、重绘、最小化、切换选项卡

在不同的选项卡之间的切换