选项卡手写不用插件
来源:互联网 发布:sqlserver 升级 编辑:程序博客网 时间:2024/06/05 08:48
<!--选项卡-->
<div class="Switch">
<p class="Switch_one Switch_hover">TA的被赞</p>
<p class="Switch_two">TA的点赞</p>
</div>
<div class="tab-content">
<div class="tab-pane active" id="tab1"> Ta的被赞</div>
<div class="tab-pane" id="tab2"> Ta的点赞 </div>
</div>
/*选项卡*/
/*选项卡切换*/
.Switch{width: 1080px;height: 46px;box-sizing: border-box;border-bottom: 1px solid #dadada;margin-top: 14px;}
.Switch p{padding-top: 2px;float: left;color:#999;font-size: 16px;width: 130px;height:43px;line-height: 45px;text-align: center;border-left:1px solid #dadada;border-top:1px solid #dadada;cursor: pointer; }
.Switch_two{border-right: 1px solid #dadada;}
.Switch .Switch_hover{border-top: 3px solid #33b3ee;position: relative;top:0px;background: #fff;padding: 0;color:#333;}
//选项卡切换
$('.Switch p').click(function(){
$(this).addClass('Switch_hover').siblings().removeClass('Switch_hover');
})
$('.Switch_one').on('click',function(){
$('#tab1').fadeIn().siblings('#tab2').fadeOut();
});
$('.Switch_two').on('click',function(){
$('#tab2').fadeIn().siblings('#tab1').fadeOut();
});
- 选项卡手写不用插件
- css 手写tab选项卡
- 选项卡插件jquery.tab.js和不用js写选项卡
- jQuery 选项卡插件
- 编写选项卡插件
- 【CSS】一种不用插件纯手写css的扁平化按钮悬停颜色变化的讨论
- jQuery选项卡插件 MagicTabs
- JQuery Tabs 选项卡插件
- JQuery tab 选项卡插件
- js自定义插件-选项卡
- JQuery tab 选项卡插件
- vue 插件tab选项卡
- jQuery Tabs插件 (选项卡插件) --推荐
- jQuery插件之选项卡插件
- js手写日历插件
- jSignature手写签名插件
- Eclipse自动生成FindViewById,不用手写
- 手写冒泡(不用第三个变量)
- PHP中AJAX的使用
- Java集合数据存储的总结
- spring的声明式事务
- 解密蓝牙mesh系列 | 第一篇
- ios中的事件处理和第一响应
- 选项卡手写不用插件
- 首次体验Scratch编程
- 文章标题
- 国庆小记!
- Class.forName提示java.lang.ClassNotFoundException:
- JSON属性排序&转换
- 用dependency:tree查看maven引入jar包的传递依赖
- 批量删除
- yii 常用的rule规则