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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

life小小袁

大家不要被声音蒙蔽了，想想日本动漫的声优，嘿嘿

0 1-1 课程简介

2016-08-04

Tab选项卡切换延迟效果

已采纳回答 / mirsent3681149

这个没有用的，估计开始的时候准备用Index存取索引值的，也就是后面that=this的时候你可以用:index=this.id来获取索引

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

2016-08-03

何烨坪

真心的觉得棒

2016-08-03

夕颜egao

function changepic(curindex) {
for (var j = 0; j < pic.length; j++) {
pic[j].style.display = "none";
}
pic[curindex].style.display = "block";
index = curindex;
}
用的这个不知道对布局有影响没

0 4-1 焦点轮播图效果

2016-07-31

weibo_苏_0

if(titles.length!=divs.length)
return ;

id加不上的大部分可能是 if判断这里加了{return;},注意别加{} 直接return

1 1-4 js实现切换效果

2016-07-30

为啥id加不上呢?

已采纳回答 / 飞天意大利面神兽

i=o，你应该写成零（0），不是o。另外，你没有HTML+css代码，不能帮你测试。

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

2016-07-30

weibo_苏_0

li写了两个样式,select直接覆盖了普通li没有选中的变化啊

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

2016-07-30

邦林织梦

某院讲的没这好，还收费

0 1-1 课程简介

2016-07-29

慕粉3491954

老师讲的真好，特别细致，尤其一些细微的问题，学到了很多。

0 2-1 js实现延迟切换

2016-07-27

云鬓花颜

pic.style.marginTop=-170*curIndex+'px'; 我怎么发现大家都是用这个来做的，我是这样做的是不是有问题

0 4-1 焦点轮播图效果

2016-07-27

云鬓花颜

老师好棒哦，懂了

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

2016-07-27

请大神教一下

已采纳回答 / _十年一梦

不加对你的代码也没影响

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

2016-07-27

慕客学渣会总瓢把子3201537

我就感觉挺简单的一个选项卡，搞的好复杂。

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

2016-07-26

为什么这里设置（that.className="select";）可以使用反而根据视频教程编写的（ titles[that.index].className="select";），就没反应呢？

已采纳回答 / 慕客学渣会总瓢把子3201537

我做了我的可以。你前面既然that可以用证明基本上是对的。可能就是一个没注意的地方。F12控制台报错看看是第几行。我的布局和老师的不一样。代码不同。<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>tab切换</title> <style type="text/css...

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

2016-07-26

qq_奈奈奈_03699702

整个容器宽度/Tab数量=盒子的整体宽度（width+padding+margin)：300/5=60,当为选中状态时，有个2px的border，得此时的width=60-58，即所有Tabs的width为58px,一旦选中就有2px的border。那么，假设当大家没有没有选中，且width=58px,剩下的2px应该由padding来填充。对-1px和301px持保留意见

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

2016-07-25

海风yzx

老师讲的思路非常好，很符合初学者，适当的错误的演示也很好，赞赞赞！

1 3-2 加入手动切换功能及代码优化

2016-07-25

首页上一页 30 31 32 33 34 35 36 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空