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

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

Tab选项卡切换效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
CSS3实现“图片阴影”效果
初级·34770
免费课程
                                
DOM事件探秘
中级·99544
免费课程
                                
瀑布流布局
初级·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

求解无法获取div

最新回答 / 小草1434

divs=$('notice-con').getElementsByTagName('div'); 注意$('notice-con') 这个是不是少了 #或者 . 即：divs=$('#notice-con').getElementsByTagName('div'); （id="notice-con"）或者：divs=$('.notice-con').getElementsByTagName('div'); （class="notice-con"）

1 回答 878 浏览 1-4 js实现切换效果

2016-08-26

只有当前时间大于500ms时才开始执行？

已采纳回答 / 小草1434

首先，制作这个功能就是为了实现延迟的效果（延迟了半秒），不会让鼠标一滑到上面就立即切换另外，这个时间不一定是500ms，但是500ms是比较好的一个反应时间既不会让用户感觉太慢，也不会太突兀

3 回答 1123 浏览 2-1 js实现延迟切换

2016-08-26

timer不是在初始化时复制为null了吗

已采纳回答 / qq_郭祥勤_03578575

tiemer=setTimeout();这个一定要注意了，这个函数和clearTimeout();一般都是成对出现的，这个计时器不用的时候是最好给他清除的，不然鼠标移动太快会出现问题的，timer开始时为null,后面我们调用了tiemer=setTimeout();这个时候timer就不在是null,也就是说这个计时器被调用了，我们鼠标移动到下一个选项卡时，一定要把之前的计时器删除干净，这个时候只要判断timer不是null了,就把计时器删了就可以了。

4 回答 986 浏览 2-1 js实现延迟切换

2016-08-25

信号旗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

if ( timer ) { clearInterval ( timer ); timer = null; } 和直接clearInterval ( timer );的区别

最新回答 / 慕斯8234454

经 "落夜星空 " 提问,在回看视频,似乎觉得 "if ( timer ) { clearInterval ( timer ); timer = null; }" 这段代码不需要.为什么呢? 因鼠标滑入TITLE 区后定时器就关了(手动切换,停止自动切换执行),后续鼠标在TITLE 区左右来回移动也不会再启动定时器.所以上述代码就变的有点多余了

2 回答 1568 浏览 3-3 bug解决及定时器优化

2016-08-20

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

课程须知: 1、您应该已经熟悉html标签和css样式表；2、您还应该已经熟悉JavaScript 或 jQuery的基础知识。

老师告诉你能学到什么？: 您可以举一反三，制作非常精美风格多样的 Tab 切换效果，能够帮助你丰富或改进网站中的选项卡功能的用户体验。

微信扫码，参与3人拼团

热搜

最近搜索清空