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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

Alexdon

问一个关于快速输入的问题——<title></title> 输入完title标签后如何快速回到标签中间填写内容？

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

2016-04-11

有bug，谁帮我看下

最新回答 / 王大七

clearInterval('timer');中timer的单引号去掉就可以了

3 回答 768 浏览 3-4 编程练习

2016-04-09

尼尼微城

老师教的是屏幕里面的代码字有点大，老是局部的，不好看。

0 1-5 编程练习

2016-04-06

边框问题。。。

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

0 回答 710 浏览

2016-04-05

言行

想要简化的自己简化不就行了,借鉴布局就行了.学习不需要代码完全照抄.

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

2016-03-31

Fida

延迟切换在有些细节还是有用的，如果你在页签上横向快速滑动过去，那每个页签和对应要展示的页面都会快速闪烁展示，如果只是用户不小心动了鼠标引起的，那会让用户体验不怎么好的。

1 2-1 js实现延迟切换

2016-03-31

kumin

var nem ;
for(var j=0; j<otitle.length; j++){
if(this.innerHTML==otitle[j].innerHTML){
nem = j;
}
};
if(olist[nem].style.display=="block"){
olist[nem].style.display="none";
}else{
olist[nem].style.display="block";
}

};
};

0 1-5 编程练习

2016-03-30

kumin

window.onload=function(){
var menu = document.getElementById("menu");
var otitle = menu.getElementsByTagName("p");
var olist = menu.getElementsByTagName("ul");
for(var i=0; i<otitle.length; i++){
otitle[i].onclick=function(){

0 1-5 编程练习

2016-03-30

kumin

老师的方法没啥用，先不说123这么宝贵的id用在tab选项卡上，就说id是唯一的不能重复设置，一但页面里有多个tab选项卡你怎么办。可以试试我的遍历内容找定位来实现tab选项卡。

0 1-5 编程练习

2016-03-30

慕神4975613

ok le hahaha

0 3-4 编程练习

2016-03-23

脾气有点坏

list[otherindex].className = 'on';
pic.style.top =otherindex*-170+"px";
index=otherindex;
}
}

0 4-1 焦点轮播图效果

2016-03-23

脾气有点坏

wrap.onmouseout = function () {
timer = setInterval (js,2000)
}
function changeOption (otherindex){
for (var j=0;j<list.length;j++)
{list[j].className = "";}

0 4-1 焦点轮播图效果

2016-03-23

脾气有点坏

wrap.onmouseover = function () {
clearInterval (timer);
for (var i=0;i<list.length;i++) {
list[i].id=i;
list[i].onmouseover = function(){
changeOption(this.id);
}
}
}

0 4-1 焦点轮播图效果

2016-03-23

脾气有点坏

研究了半天，自己发

timer = setInterval (js,2000);
function js() {
index++;
if(index>=list.length){
index=0;
}
changeOption(index);
}

0 4-1 焦点轮播图效果

2016-03-23

lovnie

自动切换有个bug 就是鼠标放下去的时候还是会自动运行

2016-03-22

首页上一页 38 39 40 41 42 43 44 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空