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

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

导航条菜单的制作

全部评论问答未解决精华

lolly1

老师讲得简洁明了，受益~~

2016-11-02

小伙子爱吃鱼

用内联样式也可以

0 2-2 练习题

2016-11-01

qq_有梦不难_04229360

首页之间怎么空格呢？

0 1-3 编程练习

2016-10-31

慕粉4282285

要用display: inline-block; 或者display: inline;

0 2-3 编程练习

2016-10-30

码伍

老师写的这个代码还是有漏洞的，就是有时候不能准确的停在目标点。就比如说你要停在120px的话，当当前位置是118px时还没有到达120px,定时器不会关闭，但是一加上8px; width就是226px;这时候就会停止定时器。width就变成226px了，比原来目标120px，多了6个px！

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

2016-10-30

vintotsai

试试不用JS，用CSS:
ul>li ul{transition:height 0.3s;}

ul>li:hover ul{height: 120px;}

1 6-2 编程挑战

2016-10-30

码伍

哈哈，以前我学到这里的时候我果断放弃这个转战js 了，现在js学完了，准备回来把这个干掉，结果发现后面部分他有开始说jQuery了。哈哈哈，学完js，完美的运动框架，解决你能看到的百分之九十的运动！666666

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

2016-10-30

qq_鸠羽千夜_0

a{transition:width 0.5s ease-out 0.3s;
-webkit-transition:width 0.5s ease-out 0.3s;
-moz-transition:width 0.5s ease-out 0.3s;
-o-transition:width 0.5s ease-out 0.3s;}

a:hover{
width:150px;
}

0 5-2 编程练习

2016-10-30

寻找光明的黑马

a被设置成block的时候，这个无序列表前面的小黑点就自动没有了，所以ul {}中的list-style:none可以不写，大家试试！

5 1-3 编程练习

2016-10-29

哎哟Zhou哥哥

刚好学完JS回来，不过好像又要去学JQUERY了，哈哈，学无止境，大家加油！！

1 5-2 编程练习

2016-10-28

哎哟Zhou哥哥

学完JS了，我回来看了，哈哈

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

2016-10-28

心有猛虎_细嗅蔷薇

这是我听了这么多课程中第一个带着轻松愉快的开头结尾音乐。希望以后的课程也可以效仿这种方式~

1 6-1 总结

2016-10-27

心有猛虎_细嗅蔷薇

（没考虑浏览器兼容性）
width: 140px;
transition: width 1s linear;

怪你们自己没看“课程须知”^_^

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

2016-10-27

心有猛虎_细嗅蔷薇

也可以用CSS中的transition(过度动画)属性来实现。

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

2016-10-27

meng4182505

这章可以不用去学JS 可以用CSS3的过渡完成在hover{} 里面加上
width:150px; transition:width 500ms linear 100ms;
-webkit-transition:width 500ms linear 100ms;

1 5-2 编程练习

2016-10-27

首页上一页 25 26 27 28 29 30 31 下一页尾页

该课程已下架

课程须知: 1.熟悉html知识，尤其对<ul>和<a>比较熟悉； 2.对css样式比较了解； 3.掌握JavaScript和jQuery基础知识。

老师告诉你能学到什么？: 轻松制作出各种形式的网站导航条菜单

微信扫码，参与3人拼团

热搜

最近搜索清空

导航条菜单的制作