Tab选项卡切换效果_学习笔记

首页免费课 Tab选项卡切换效果笔记

Tab选项卡切换效果

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

最热最新

qq_艾米_3

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

查看全部

0 采集收起来源：编程练习
2018-03-22
qianduancainiao

.box{border:5px solid red;width: 100px;height: 100px;} #box{border:#3e3;} 这么写,并不是改变box的颜色,而是下面的样式覆盖了上面的,border的5px 和 solid都会清除

查看全部

0 采集收起来源：js实现延迟切换
2016-05-24
游侠骑士

用that把this代表的变量引用到setTimeout定时器中

查看全部

0 采集收起来源：js实现延迟切换
2016-05-23
零下的夏天

测试下

查看全部

0 采集收起来源：课程简介
2016-05-23
零下的夏天 00:02

tab就是控制兄弟元素

查看全部

0 采集收起来源：课程简介
2016-05-23
前端丶小白

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

查看全部

0 采集收起来源：编程练习
2018-03-22
Oo小雨oO

setInterval()的使用方法

查看全部

0 采集收起来源：js实现自动切换实现
2016-05-10
游了

<script type="text/javascript"> window.onload=function(){ var menu=document.getElementsByTagName("munu"); var tit=document.getElementsByTagName("p"); var lis=document.getElementsByTagName("ul");// 将所有点击的标题和要显示隐藏的列表取出来 if(tit.length==lis.length){ for(var i=0;i<tit.length;i++){ tit[i].id=i; tit[i].onclick=function(){ // 遍历所有要点击的标题且给它们添加索引及绑定事件 if(lis[this.id].style.display=='block'){ lis[this.id].style.display='none'; } else{ lis[this.id].style.display='block'; } // 获取点击的标题上的索引属性，根据该索引找到对应的列表 // 判断该列表，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来 } } } }

查看全部

0 采集收起来源：编程练习
2018-03-22
TWT 03:07

setInterval()

查看全部

0 采集收起来源：js实现自动切换实现
2016-04-28
TWT 09:49

setTimeout()

查看全部

0 采集收起来源：js实现延迟切换
2016-04-27
xyeim 03:06

Tab选项卡的类型

查看全部

0 采集收起来源：课程简介
2016-04-27
熠熠生阳

对老师讲的内容进行封装,是最简单的办法.....偷个懒.....午休,下午继续看:-)

查看全部

0 采集收起来源：焦点轮播图效果
2016-04-18
谢沛豪

</style> <script type="text/javascript"> window.onload=function(){ var ps=document.getElementById('menu').getElementsByTagName('p'); var uls=document.getElementById('menu').getElementsByTagName('ul'); if(ps.length!=uls.length){ return; }else{ for(var i=0;i<ps.length;i++){ ps[i].id=i; ps[i].onclick=function(){ for(var j=0;j<ps.length;j++){ uls[j].style.display='none'; } uls[this.id].style.display='block'; } } } // 将所有点击的标题和要显示隐藏的列表取出来 // 遍历所有要点击的标题且给它们添加索引及绑定事件 // 获取点击的标题上的索引属性，根据该索引找到对应的列表 // 判断该列表，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来 } </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
Melisenda

input 不支持enabled属性。所以一般用disabled。 js用法：object.disabled=true(禁用),object.disabled=false（可用）。 HTML用法：disabled="disabled" jq用法：object.attr("disabled",true) 设置按钮是否为禁用时，send.disabled=true; send.disabled=false; true和false不能加引号!true和false不能加引号!true和false不能加引号!否则值永远为真。也可用send.setAttribute('disabled','disabled'); 或send.removeAttribute('disabled');

查看全部

2 采集收起来源：编程练习
2018-03-22
Melisenda

this.id问题。setTimeOut和setInterval都是window对象，因此需要将window对象外面的this对象赋值给一个变量引用。在window对象里就可以用这个变量了。

查看全部

0 采集收起来源：js实现延迟切换
2016-04-10