导航条菜单的制作_技术问答

首页免费课导航条菜单的制作问答

导航条菜单的制作

全部评论问答未解决精华

xing_org1

给subNav的样式中添加一个border，你会很清楚的发现这段代码的问题。好像清除不了定时器。鼠标在展开的二级菜单上来回的上下晃，二级菜单的高度就会不听得增加。不知道有没有人发现这个问题？具体怎么解决？

0 6-2 编程挑战

2016-09-19

慕粉3243313

当鼠标滑到每一个一级菜单，首先去找这个一级菜单下的ul元素
var oSubNav=this.getElementsByTagName('ul')[0];
如果ul元素不为空，则对应的二级菜单不为空
if(oSubNav){var This=oSubNav;clearInterval(This.time);
设定计时器，每30毫秒二级菜单的显示的高度增加16像素
This.time=setInterval(function(){ This.style.height=This.offsetHeight+16+"px";

2 6-2 编程挑战

2016-09-18

我是谁从哪来去哪里

开心，搞定

0 6-2 编程挑战

2016-09-17

听风说你来了

一般都使用 “ul\li” 来制作“菜单导航条”

0 1-2 练习题

2016-09-17

记忆1943

真想跳过去！

0 4-1 伸缩菜单的制作——改变高度

2016-09-16

记忆1943

这老师就是来炫技的！讲详细点写细点似乎降低了他的水平！

2 3-3 编程练习

2016-09-16

黑白色1897

height:40px;
transform:translate(0,-10px);

0 4-2 编程练习

2016-09-16

幕布斯9212249

CSS3 transtion不能适用所有浏览器。

3 5-2 编程练习

2016-09-15

学霸修炼时

好多的，都可以用css3实现，比如说：webkit-animation实现动画等，现在的html和css学完了，但是好基础呀！没有html5和css3加入进来，不过慕兄其他地方可以看就还好。还是收获颇丰的，感谢所有老师。

0 5-1 伸缩菜单的制作——水平方向

2016-09-13

不二的不二

a:hover{width:160px}没有动画而已

0 5-2 编程练习

2016-09-13

不二的不二

先把高度变高，增加了多少就用margin-top减去多少

1 4-2 编程练习

2016-09-13

小奇爱吐槽

3、收缩不干净是因为宽高不会小于零，比如你在某一刻高度为3，但是要减去4，这个时候高度的值不会等于-1，也不会等于0，而是选择不执行。也就是说，高度会一直为3，所以if里面的将高度设置为零的语句根本就没有执行，同时定时器也没有清除。然后没收缩干净的就是很小的高度为3的部分。关键是定时器还一直在占用系统的资源。希望对认真做练习和思考的小伙伴们有帮助。

2 6-2 编程挑战

2016-09-13

小奇爱吐槽

1、css3和jquery是可以实现，但是现在学到的是这些，那这道题目的意思就是要练习你本次学到的东西，而不是为了单纯的实现这个效果。学习是一个循序渐进的过程，太过冒进反而不妥。比如说你直接学习jq也可以实现，但是你不学原生的javascript你就不能理解的很深。希望广大小伙伴们不要被某些人给干扰。
2、关于部分小伙伴投机取巧的做法，还是老话，你虽然实现了题目要求的效果（有的甚至是伪实现），但是你没有练习本次学习的内容。至于老手在这里贴代码秀优越的，个人表示看不懂，学习不能太急躁。

2 6-2 编程挑战

2016-09-13