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
                                逻辑清晰

全部评论问答未解决精华

难过也要微笑

老师声音真好听...陶醉ing

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

2017-05-07

奇谈0

发现很多同学都有个BUG，就是连续多次按的时候，会打开多个计时器。。可以在前面加clearInterval(timer);

0 3-4 编程练习

2017-05-06

浑浑噩噩的猿

@papaya3694687
你的问题的解释：一定要注意使用this.id，不能用i，因为onload后第一个for循环为每个menu绑定了onclick函数，当用户点击时执行这个函数，但此时i已经不存在，i只是临时声明的变量，但id最为menu的属性是一直存在的。

1 1-5 编程练习

2017-05-06

qq_NewWorld_1

和tab切换栏性质一样

0 4-1 焦点轮播图效果

2017-05-05

titles[i].id=i;给titles加了id属性，为何不能直接用i做索引

最新回答 / 慕斯8234454

老师讲解是用 "titles.length" 做循环 (for(var i=0;i<titles.length;i++)),因此this 代表 titles

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

2017-05-05

不能隐藏的问题，，，大神求解

最新回答 / 奇谈0

不明白你问的，可以说具体点吗？要是想一开始隐藏第一个可以设置第一个<ul style="display:block">

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

2017-05-01

请问我做的轮播图，为什么只轮播了一下，而且第二章上面还出现了一个小图标。

+ 我来回答回答最高可+2积分

0 回答 942 浏览

2017-05-01

慕粉1553484558

运行不出来看报错，基础学完一头雾水看案例教学，看完案例再去看基础教程，再学感觉不一样的就不会一头懵逼的做编程练习了，我一遍也是抄一遍运行不了，一直有报错，报错的地方竟然还没有一个字母错的，挨个看才知道上面代码有个符号错了，浏览器运行下面的代码的时候卡克了，你感觉是抄下来的却运行不了，那就还是有错的地方，人家电脑又不是比咱们的高级，别人能运行，你也肯定能，要是真是电脑问题，趁早换

0 1-4 js实现切换效果

2017-04-30

lin5_mumu

建议一下,老师讲的确实不错但是后面的讲的确实粗糙,就$()简写的地方那么多人问,一个两个或许是学生的原因,但是一看提问,基本都是死在这个地方,所以这就不应该是学生的问题了,这些特殊的地方一点要多强调一下,做一下解释,否则大家浪费那么多时间还学不会就是白录的视频了.

0 1-4 js实现切换效果

2017-04-30

lin5_mumu

看视频真的实在很麻烦很多要看的要找位置,不用看的又要重复,效率真的很慢,建议能加上每个效果的源码包,这样会更加方便复习和学习

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

2017-04-30

林逸舟丶

@C_黑鸡
通过display的none和block开关来显示是完全可以的
@qq_八分青年_0
把所有代码放在window.onload（）方法里面，会在页面元素加载完后执行js代码

0 4-1 焦点轮播图效果

2017-04-28

林逸舟丶

// 遍历所有数字导航实现划过切换至对应的图片
for(var j=0;j<list.length;j++){
list[j].id=j;
list[j].onmouseover=function(){
changeImg(this.id);
index=this.id;
}

0 4-1 焦点轮播图效果

2017-04-28

林逸舟丶

// 定义图片切换函数
function changeImg(curindex)
{
for(var i=0;i<list.length;i++){
list[i].className='';
pic[i].style.display='none';
}
list[curindex].className='on';
pic[curindex].style.display='block';
}

0 4-1 焦点轮播图效果

2017-04-28

林逸舟丶

// 定义并调用自动播放函数
function autoPlay(){
index++;
if(index>=pic.length)
index=0;
changeImg(index);
}
timer=setInterval(autoPlay,times);

0 4-1 焦点轮播图效果

2017-04-28

林逸舟丶

// 鼠标划过整个容器时停止自动播放
wrap.onmouseover=function(){
clearInterval(timer);
}
// 鼠标离开整个容器时继续播放至下一张
wrap.onmouseout=function(){
timer=setInterval(autoPlay,times);
}

0 4-1 焦点轮播图效果

2017-04-28

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空