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

全部评论问答未解决精华

那我的呢

怎么跟着老师敲了之后没有效果呢，怎么回事啊

2 1-4 js实现切换效果

2016-09-08

qq_盗火人_0

ul的宽度应该是300而非301

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

2016-09-07

papaya3694687

呃，当你完全写不出来然后翻评论个个都说容易的时候

14 4-1 焦点轮播图效果

2016-09-06

papaya3694687

看得很爽，自己写就懵逼

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

2016-09-06

papaya3694687

else{
ul[i].style.display="block"
}
}
}}}

0 1-5 编程练习

2016-09-06

papaya3694687

if(p.length==ul.length){
for(i=0;i<p.length;i++){

p[i].onclick=function(){
if(ul[i].style.display=="block"){
ul[i].style.display="none"
}

0 1-5 编程练习

2016-09-06

papaya3694687

谁能告诉我这样为嘛不行？？？？uguys@qq.com
window.onload=function(){
var p =document.getElementById("menu").getElementsByTagName("p");
var ul = document.getElementById("menu").getElementsByTagName("ul");

0 1-5 编程练习

2016-09-06

小了个新

直接对ul用margin-left : -1px; 。一开始就设置每个li的边框为透明，hover的时候改颜色就可以了

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

2016-09-03

为什么没效果啊？？？？求大神指出错误

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

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

2016-09-02

lipef

定时器函数中this.id中的this指向window对象，应该不是定时器函数引起的，但凡是函数内部嵌套的函数，该嵌套函数只要不是事件调用函数，这个内部函数的this都是指向全局window对象的。

0 2-1 js实现延迟切换

2016-08-31

慕粉3532925

if(ul[this.idx].style.display=="block"){
ul[this.idx].style.display="none";
}
else{
ul[this.idx].style.display="block";
}
}
}
}

0 1-5 编程练习

2016-08-30

慕粉3532925

window.onload=function(){
var p = document.getElementsByTagName('p');
var ul = document.getElementsByTagName('ul');

for(i=0; i<p.length; i++){
p[i].idx = i;
}
for(i=0; i<p.length; i++){
p[i].onclick = function(){

0 1-5 编程练习

2016-08-30