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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

为啥我按照视频打的代码布局成这样

最新回答 / 夜尽天明4039292

再者我不推荐用绝对定位 li元素正常布局，不要用定位，然后用 margin-right: -1px; margin-left: -1px;直接加在.select选择器上最好不要用定位了太麻烦还容易出错还要计算

2 回答 972 浏览 1-2 tab页面布局-标题布局

2017-03-13

p[i].aa = i ; 后面divs[i].aa = i ; 能解释一下这里的aa吗？设置的时候老师说是自定义索引名

最新回答 / weibo_sz小泽_0

就是你自定义了一个属性变量，在后面可以用到自己定义的变量

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

2017-03-12

浅尝

哦，是我错了

0 1-4 js实现切换效果

2017-03-12

浅尝

@IT自学这个id名字不等于 id

0 1-4 js实现切换效果

2017-03-12

花袜子乌鸦

听晕了，全程在读代码，没什么原理解释

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

2017-03-11

把包含img元素的li元素选出来，这样设置为block时候为什么不显示

最新回答 / 谈个恋爱呗

list1[i].style.display='block' 这是不行的。

2 回答 1219 浏览 4-1 焦点轮播图效果

2017-03-09

这样给变量赋值为什么不行

最新回答 / 肖炎

胡说八道怎么不能，亲测可以。myUl[this.id].style.display返回就是一个字符串而已，变量myDis怎么可能不可以存这个字符串。

2 回答 859 浏览 1-5 编程练习

2017-03-09

miracl

挺容易的这节

0 3-1 js实现自动切换实现

2017-03-08

慕粉4343150

老师好萌：优唉咯？

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

2017-03-08

阿阿阿涛吖

在lis[i].onmouseout这一段代码后面加入这一段代码就可以实现鼠标移入内容时停止动画移出时又自动播放动画
$("notice-con").onmouseover = function(){
clearInterval(timer);
}
$("notice-con").onmouseout = function(){
timer = setInterval(autoPlay,2000);
}

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

2017-03-07

Stypstive

看着容易，做着难，大家不要眼高手低...

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

2017-03-07

跟着老师写的，为什么只有一个边框，别的都没显示啊···

最新回答 / 潇湘魅

每个li里面一个a标签

2 回答 932 浏览 1-2 tab页面布局-标题布局

2017-03-06

Stypstive

程序员真是闷骚，看看点赞量第一的就知道了

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

2017-03-06

Stypstive

用box-sizing能够让尺寸的计算简单点吧

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

2017-03-06

轮回之日

第一次做选项卡切换使用浮动做的，现在来学习绝对定位。

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

2017-03-06

wshyzx

5:45s老师清除定时器再看的时候把console.log()去掉了加上的话感觉和不清定时器一样啊移动快的话还是会一个元素加好几个定时器
onmouseover :当鼠标浮动到本身和子元素时候都会触发建议使用 onmouseenter onmouseleave替换这个只在元素本身触发该方法可大量减少重复但不能完全消除

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

2017-03-05

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空