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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

唯有当下

需要注意的其中一点就是：在实际项目中并不会直接在整个文档获取某个id，更优化的做法是先获取功能模块的父元素id，再通过父元素的id来获取功能模块内部的其他元素。

2 1-5 编程练习

2016-04-20

zk785

。。为什么完全没有效果，基本是一行一行抄下来都不行？

2 1-4 js实现切换效果

2016-04-19

Silence浩

真棒！！！！！！！！！听了一个多小时课，也听了一个多小时阿哦，收获很多，谢老师！！！！！！！！！！！

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

2016-04-17

Silence浩

这节课让我重新认识了js，很有趣的！！！！！！！

0 1-4 js实现切换效果

2016-04-17

Silence浩

看来这一个多小时都要啊啊啊啊啊啊啊啊啊啊啊了！！！！！！！！！！！！！！期待。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

0 1-1 课程简介

2016-04-17

qq_Anony丿Mous彡_0

<div id="noteice-con" class="noteice-con">
<div class="mod" style="display:none">1</div><div class="mod" style="display:none">2</div><div class="mod"style="display:none">3</div><div class="mod" style="display:none">4</div><div class="mod" style="display:none">5</div></div>我觉得这样简化来讲比那个轻松的多而且易懂，希望老师采纳

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

2016-04-13

qq_Red_0

学了大半年，从来没留过言，今天必须要说一下：
初学者看不懂的，去把JS DOM这块好好的看几遍，我看这个视频看了5遍，之前我觉得她讲的烂，听不懂，说老师讲不好的，殊不知是你自己本身的原因，我直到现在工作了一个月，再来看慕课上的JS基础教程，才枉然大悟！谢谢无私奉献的讲师们，谢谢慕课网！

51 2-1 js实现延迟切换

2016-04-12

栄篱

我觉要是老师的例子要是好看点还是比较吸引人的，讲解知识的同时觉得要是界面做得也好看那就好咯，这个课程看起来更高大上了

0 1-1 课程简介

2016-04-12

慕虎3037529

还是有BUG啊当想看当前页签下面的内容时鼠标移到下面内容还是会自动切换

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

2016-04-12

Alexdon

问一个关于快速输入的问题——<title></title> 输入完title标签后如何快速回到标签中间填写内容？

0 1-2 tab页面布局-标题布局

2016-04-11

尼尼微城

老师教的是屏幕里面的代码字有点大，老是局部的，不好看。

0 1-5 编程练习

2016-04-06

言行

想要简化的自己简化不就行了,借鉴布局就行了.学习不需要代码完全照抄.

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

2016-03-31

Fida

延迟切换在有些细节还是有用的，如果你在页签上横向快速滑动过去，那每个页签和对应要展示的页面都会快速闪烁展示，如果只是用户不小心动了鼠标引起的，那会让用户体验不怎么好的。

1 2-1 js实现延迟切换

2016-03-31

kumin

var nem ;
for(var j=0; j<otitle.length; j++){
if(this.innerHTML==otitle[j].innerHTML){
nem = j;
}
};
if(olist[nem].style.display=="block"){
olist[nem].style.display="none";
}else{
olist[nem].style.display="block";
}

};
};

0 1-5 编程练习

2016-03-30

kumin

window.onload=function(){
var menu = document.getElementById("menu");
var otitle = menu.getElementsByTagName("p");
var olist = menu.getElementsByTagName("ul");
for(var i=0; i<otitle.length; i++){
otitle[i].onclick=function(){

0 1-5 编程练习

2016-03-30

首页上一页 24 25 26 27 28 29 30 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Tab选项卡切换效果