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

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

Tab选项卡切换效果

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

全部评论问答未解决精华

为什么这样写达不到效果？i的值传不到function内吗？

已采纳回答 / 非常有喜

onclick这个是一个回调函数，回调函数里面的I值已经变为了ps.length；你可以像老师那样在外面保存i的值，或者利用闭包实现。

4 回答 1296 浏览 1-5 编程练习

2017-02-14

这段代码为什么没用啊

已采纳回答 / 慕粉3914370

i=o，你应该写成零（0），不是o。另外，你没有HTML+css代码，不能帮你测试。

1 回答 575 浏览 1-1 课程简介

2017-01-09

把宽度扩大了一些，怎么让ul被填满

已采纳回答 / GG1038

这个要精确计算，不能精确的或者可以这样，平分每个li的宽度取不溢出的宽度，看看与总ul的宽度还差多少，对其中一个li独立设置一个class控制其宽度，1~2个像数很难肉眼看出来。。

3 回答 1733 浏览 1-2 tab页面布局-标题布局

2017-01-06

function $(id){return typeof id==='string'?document.getElementsById(id):id;}，为什么不是字符串的时候返回一个id，那有什么用？

已采纳回答 / 慕粉3673019

意思就是传入的是字符串就执行document.getElementsById(id)，传入的不是字符串就不执行

4 回答 1663 浏览 1-4 js实现切换效果

2016-12-22

请前辈们帮看下这段代不能实现的原因？

已采纳回答 / Faded_

你第二个for循环里多了一个点for(var i=0;i<titli.length;i++){ titli.[i].className="" } titli.[i].className=""改成 titli[i].className=""就可以啦~

1 回答 1176 浏览 1-4 js实现切换效果

2016-12-17

求解是循环的问题吗

已采纳回答 / 串猪神

不是。是你id的问题，注意到使用了一个for循环为每个p绑定了点击事件，在for循环结束后，每个p标签已经绑定了事件了。但是注意到你的i在内存中的值已经是3了，所以你每次都没有效果，可以在每个节点上绑定一些数据。帮你修改了一个。可以参照一下，测试过了是可以的<...code...>在每个节点上绑定了id，这样就可以正确的得到了索引。

1 回答 1149 浏览 1-5 编程练习

2016-12-13

4.1哪位大神做出来了可以发下代码吗搞了好久都没出来效果

已采纳回答 / HHHHHH_

你把我的代码直接粘贴进去应该就能用了

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

2016-10-07

为什么不能直接写，要再写一个for循环

已采纳回答 / 高jay

lis[i].className = "" 是指清除当前的样式但是你在给当前内容加样式的时候要先清除所有列表的样式所以还要再遍历一遍所有列表清空所有列表的样式再给当前列表添加className

3 回答 1720 浏览 1-4 js实现切换效果

2016-10-06

请问这段代码哪里出错了？为什么图片没法切换呢

已采纳回答 / qq_梦里_0

因为图片跟老师讲的例子不一样，图片是排列放置，通过改变top值来显示图片的。

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

2016-09-27

有一个bug：运行程序后首次点击后台脚本和前端框架时，需要点击两下才能展开ul列表，第二次点只需要点击一次就能展开列表，这是为什么？

已采纳回答 / fengyuwuyu

页面刚打开时，第二个和第三个ul的display属性为undefined，所以刚开始总是执行else语句if(uls[this.id].style.display=="block") { uls[this.id].style.display="none"; } else { uls[this.id].style.display="block...

3 回答 1359 浏览 1-5 编程练习

2016-09-27

setInerval第一次触发时要很久

已采纳回答 / 慕斯3035540

理论上是2s........

2 回答 1152 浏览 3-4 编程练习

2016-08-29

只有当前时间大于500ms时才开始执行？

已采纳回答 / 小草1434

首先，制作这个功能就是为了实现延迟的效果（延迟了半秒），不会让鼠标一滑到上面就立即切换另外，这个时间不一定是500ms，但是500ms是比较好的一个反应时间既不会让用户感觉太慢，也不会太突兀

3 回答 1202 浏览 2-1 js实现延迟切换

2016-08-26

tiemer=setTimeout();这个一定要注意了，这个函数和clearTimeout();一般都是成对出现的，这个计时器不用的时候是最好给他清除的，不然鼠标移动太快会出现问题的，timer开始时为null,后面我们调用了tiemer=setTimeout();这个时候timer就不在是null,也就是说这个计时器被调用了，我们鼠标移动到下一个选项卡时，一定要把之前的计时器删除干净，这个时候只要判断timer不是null了,就把计时器删了就可以了。

4 回答 1080 浏览 2-1 js实现延迟切换

2016-08-25