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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

幕布斯7356616

个人觉得，你要是不喜欢这个老师讲课的风格，你可以去看其他老师的课程，慕课网上那么多的课程，总有一款适合你的吧，何必要向老师发泄你的垃圾情绪、甚至人身攻击？分享是美德，尊重分享，尊重劳动。

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

2017-05-18

幕布斯7356616

老师讲得特别好，特别细心，耐心，这点是最好的，声音也很有感染力。

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

2017-05-18

柔顺济

window.onload = function() {
var wrap = document.getElementById('wrap'),
pic = document.getElementById('pic'),
lists = document.getElementById('list').getElementsByTagName('li'),
index = 0,
timer = null;

window.clearInterval(timer);
timer = null;
timer = window.setInterval(autoPlay, 1000);

1 4-1 焦点轮播图效果

2017-05-17

柔顺济

for(var i = 0; i < lists.length; i++) {
lists[i].id = i;
lists[i].onclick = function() {
changePic(this.id);
}
}
wrap.onmouseover = function() {
window.clearInterval(timer);
timer = null;
}
wrap.onmouseout = function() {
timer = window.setInterval(autoPlay, 1000);
}

0 4-1 焦点轮播图效果

2017-05-17

柔顺济

0 4-1 焦点轮播图效果

2017-05-17

柔顺济

send.onclick = function() {
timer=window.setInterval(function() {
times--;
if(times <= 0) {
send.disabled = false;
send.value = "发送验证码";
times = 60;
window.clearInterval(timer);
timer = null;
} else {
send.value = times + "秒后重试";
send.disabled = true;
}
}, 1000);
}

0 3-4 编程练习

2017-05-17

柔顺济

window.onload = function() {
var _p = $("menu").getElementsByTagName("p");
var _ul = $("menu").getElementsByTagName("ul");
if(_p.length != _ul.length) {
return;
}

0 1-5 编程练习

2017-05-16

柔顺济

for(var i = 0; i < _p.length; i++) {
_p[i].id = i;
_p[i].onclick = function() {
if(_ul[this.id].style.display == "" || _ul[this.id].style.display == "none") {
_ul[this.id].style.display = "block";
} else {
_ul[this.id].style.display = "none";
}
}
}
}

0 1-5 编程练习

2017-05-16

柔顺济

function $(id) {
return typeof id === "string" ? document.getElementById(id) : id;
}

0 1-5 编程练习

2017-05-16

qq_关忆北_04242871

一手正方形评
服论
舒搞
很的
就你
这唉麻发皮头

3 1-4 js实现切换效果

2017-05-16

匹诺曹的梦

老师提供的代码，看评论都说有bug，也确实发现了，如果快速多次点击按钮，秒数速度会变得非常快，在开始定时器之前，先清除定时器 clearInterval(timer); 就好了

1 3-4 编程练习

2017-05-15

灵剑丹心3771538

妈卖批哦，send.disabled="false"是不存在的，disabled只有disabled和true这两个属性，想解除禁用就要removeAttribute("disabled")

1 3-4 编程练习

2017-05-11

灵剑丹心3771538

妈卖批哦，send.disabled="false"是不存在的，disabled只有disabled和true这两个属性，想接触禁用就要removeattribute("disabled")

1 3-4 编程练习

2017-05-11

灵剑丹心3771538

其实直接that替换成lis[i]就ok了

0 2-1 js实现延迟切换

2017-05-11

灵剑丹心3771538

$是老师自己写的一个函数，又没引入jQuery的js

2 1-4 js实现切换效果

2017-05-11

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Tab选项卡切换效果