全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果218,655个

网页选项卡TAB设计原则和应用案例教程_CSS教程_CSS_网页制作_脚本之家

网页选项卡TAB设计原则和应用案例教程 Module Tabs(也称选项卡,后文中简称Tab,以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签 上,来请求显示该层内容区。 Mo Module Tabs(...
www.jb51.net/css/185...html 2024-5-19

全面解析Bootstrap中tab(选项卡)的使用方法_javascript技巧_脚本...

3、如果单击元素是下拉框中某个选项,则选中本身,还要选中下拉框 5、如果定义了动画,先执行动画,然后回调源码分析:1、Show方法,是在单击一个元素的时候触发,会触发如下四个事件1.1、Hiden.bs.tab:隐藏上一个元素 1.2、Show.bs.tab:显示当前元素 1.3、Hideen.bs.tab:隐藏上一个元素完成 1.4、Shown.bs.tab:显...
www.jb51.net/article/859...htm 2024-5-14

js-tab选项卡_java_脚本之家

tab选项卡 *{ font-family: simhei; } .tab-group{ padding: 1em 0em; } .tab-group>a{ padding: 1em 2em; color: #666; text-decoration: none; } .tab-group>.active{ padding: 1em 2em; background: #999; color: #fff; } .content-group{ width: 31.7%; height: 10em; background:...
www.jb51.net/article/1056...htm 2024-5-20

推荐三种简洁的Tab导航(网页选项卡)简析_经验交流_脚本之家

第二种形式: 这种结构比较复杂一些,外面加一个相对层(.menu1box),设置溢出隐藏,将选项卡(#menu1)设为绝对定位,设置层指针为1(z-index:1;),以便可以遮住下主区块(.main1box)1px的高度。设置主区块的边框为1px的黑边,上空白(margin-top)为-1px,使上边框伸到选项卡下。当改变选项卡某项(li)的背景为白色...
www.jb51.net/article/100...htm 2024-5-20

vue中tab选项卡的实现思路_vue.js_脚本之家

•点击不同 tab 获取 tab 选项卡下标并为其动态绑定一个class(选中状态时的样式) •点击时使 tab 对应的内容下标与 tab 选项卡下标保持一致 •使用 v-show / v-if 指令控制内容显示与隐藏 代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
www.jb51.net/article/1513...htm 2024-5-20

一款纯css3实现的tab选项卡的实列教程_css3_CSS_网页制作_脚本之家

今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候,右侧内容以动画的形式展示。效果图如下: 实现的代码。 html代码: XML/HTML Code复制内容到剪贴板 <!--Tab 1--> <!--Checked= Tab shown--> <!--Modify icon and name--> Night Tabs ...
www.jb51.net/css/2588...html 2024-5-16

使用vue.js写一个tab选项卡效果_vue.js_脚本之家

Vue 实现 Tab切换实现的场景很多,比如,利用vue-router、利用第三方插件、利用组件等等.本文使用组件来实践tab选项卡 通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue.js中,我们能不去操作dom我们就尽量不操作dom,那么该如何实现呢?
www.jb51.net/article/1094...htm 2024-5-18

IDEA设置Tab选项卡快速的操作_java_脚本之家

IDEA设置Tab选项卡 本人喜欢把tab选项卡全部放出来(tab选项卡默认是10个,超过后会把最先打开的挤出去,像队列一样先进先出),比如这样(多行显示): 当然也有人喜欢这样的(一行显示): 如果需要设置成多行的实现以下步骤即可: 1.进入设置settings 2.Editor–>General–>Editor Tabs,在Tab limit这里设置tab选项卡的...
www.jb51.net/article/2052...htm 2024-5-20

jQuery实现TAB选项卡切换特效简单演示_jquery_脚本之家

jQuery tab切换 *{ margin:0; padding:0; } .wrap{ margin-left: 50px; margin-top: 50px; } /*清浮动---clearfix*/ .clearfix { *zoom: 1; } .clearfix:after { content: ""; clear: both; display: block; height: 0; font-size: 0; visibility: hidden; } .blist { border:1px...
www.jb51.net/article/804...htm 2024-5-20

基于JQuery的6个Tab选项卡插件_jquery_脚本之家

顺便也找 来了不少优秀的Tab选项卡实例,在这里与大家分享一下。当然,最终我没有用到IdTabs以及如下任何一个实例,我只是很不服气的自己写了个小插件,尚 不完善,就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧: 1. jQuery 选项卡界面 / 选项卡结构菜单教程 ...
www.jb51.net/article/246...htm 2024-5-20