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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

慧女神

老师讲的非常好！很仔细！我喜欢

0 2-1 js实现延迟切换

2016-05-14

CCjie

声音太温柔了，听了都心醉

2016-05-14

想念云的雨

学到的挺多，不过自己上手做还是有点生，还是要多加练习

0 4-1 焦点轮播图效果

2016-05-13

慕粉3156476

这声音有点爆炸

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

2016-05-12

前端丶小白

var p=document.getElementsByTagName("p");
ul=p.getElementsByTagName("ul");
for(var i=0;i<p.length;i++){
p[i].id=i;
p[i].onclick=function(){
var u=ul[this.id];
if(u.style.display=="block"){
u.style.display="none"
}else{u.style.display="block"}

0 1-5 编程练习

2016-05-11

麦田里守望者

个人认为用绝对定位不太合适，是初学者的坑，需要慢慢跳。
有没有这样的解决办法：

1、用box-sizing: border-box；
2.li都加border 没有高亮的设为透明的。高亮设为不透明的

欢迎大家讨论

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

2016-05-09

Oo小雨oO

老师声音好好听，感觉好温柔啊

0 1-1 课程简介

2016-05-09

深蓝__

if(aUl[j].style.display == 'block'){
aUl[j].style.display = 'none';
break;
}
}
aUl[this.index].style.display = 'block';
};
}

0 1-5 编程练习

2016-05-09

深蓝__

var oMenu = document.getElementById('menu');
var aP = oMenu.getElementsByTagName('p');
var aUl = oMenu.getElementsByTagName('ul');
for(var i=0;i<aUl.length;i++){
aP[i].index = i;
aP[i].onclick = function(){
for(var j=0;j<aUl.length;j++){

0 1-5 编程练习

2016-05-09