Tab选项卡切换效果_技术问答

首页免费课 Tab选项卡切换效果问答

Tab选项卡切换效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54370
免费课程
                                
CSS3实现“图片阴影”效果
初级·34770
免费课程
                                
DOM事件探秘
中级·99546
免费课程
                                
瀑布流布局
初级·97755
免费课程
                                
                难度初级
            
                时长 1小时34分
            
                学习人数
            
综合评分9.73
                            233人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

我要成为前端大姐大

吐槽的人用css来实现这个功能。

1 1-3 tab页面布局-内容布局

2016-08-28

慕慕4214327

老师讲的很细，能够理解

3 3-3 bug解决及定时器优化

2016-08-27

qq_秦宇_03873004

是不是引用了jquery的呀老师

0 1-4 js实现切换效果

2016-08-26

Anastasia0

老师讲的太好了，思路清晰，条理明确。

2016-08-26

井底呱

把li的border设置成transparent颜色是不是就可以不用计算那么麻烦了呢？

1 1-3 tab页面布局-内容布局

2016-08-26

信号旗xin

老师我要娶你

0 1-1 课程简介

2016-08-24

品味点滴

学到很多，真棒

0 3-4 编程练习

2016-08-23

逆风者追击

按照老师的去敲js代码没效果，检查了是索引获取不到

1 1-4 js实现切换效果

2016-08-22

逆风者追击

0 1-5 编程练习

2016-08-22

逆风者追击

等学好赚钱了回来娶你可好？

1 1-4 js实现切换效果

2016-08-22

逆风者追击

佩服这位老师的逻辑思维，棒

0 1-4 js实现切换效果

2016-08-22

西西酱酱儿小号

其实还可以的对于新手而言就是这个工作界面有点不舒服不过也是之前的视频了推荐用HB啊看得更清楚一点

0 1-3 tab页面布局-内容布局

2016-08-22

tanglj22

$(document).ready(function(){
var tabT = $('#tab_title').children('ul').children('li');
var tabC = $('#tab_con').children('.tab-mod');
$.each(tabT,function(i){
$(this).click(function(){
$.each(tabC, function () {
$(this).css("z-index","1")
});
tabC.eq(i).css("z-index","20");
});
});
});

0 1-4 js实现切换效果

2016-08-20