源码小哥哥 发表于 2018-12-20 21:26:58

CSS导航条菜单制作视频教程


课程简介:
每个网站都包含导航菜单,它们形式多样。本课程将由浅到深的介绍各种常见的导航条菜单的制作方法,从垂直方向的到水平方向的,再到用CSS样式的圆角导航条,最后讲解动态交互功能且具有拉伸效果的导航条菜单,对比着学习以上内容让您的技术探索之路更高效!

课程须知:
1.熟悉html知识,尤其对和比较熟悉;
2.对css样式比较了解;
3.掌握JavaScript和jQuery基础知识。

课程能学到什么?
轻松制作出各种形式的网站导航条菜单

课程目录:
第1章 垂直菜单的制作
用无序列表标签构建菜单结构并对垂直菜单的样式进行设置。
1-1 垂直菜单的制作 (06:07)
1-2 练习题
1-3 编程练习
第2章 水平菜单的制作
本章教您只需通过一个属性的简单设置就轻松的将垂直菜单转变为水平菜单。
2-1 水平菜单的制作 (01:29)
2-2 练习题
2-3 编程练习
第3章 圆角菜单的制作
如何通过设置不同的背景,对导航条菜单的样式进行改变,完成圆角菜单的制作。
3-1 圆角菜单的制作 (03:29)
3-2 练习题
3-3 编程练习
第4章 伸缩菜单的制作——改变高度
重点讲解如何通过对margin属性的设置,让水平菜单实现向上伸缩效果。
4-1 伸缩菜单的制作——改变高度 (02:06)
4-2 编程练习
第5章 伸缩菜单的制作——水平方向
通过编写JavaScript脚本和JQuery特效伸缩插件这两种不同的方式,制作更动感的水平伸缩菜单,并对以上两种实现方式进行对比。
5-1 伸缩菜单的制作——水平方向 (08:53)
5-2 编程练习
第6章 总结
对案例所实现的各类导航条菜单的关键知识点进行复习巩固!
6-1 总结 (02:44)
6-2 编程挑战
**** Hidden Message *****

2325627648 发表于 2020-8-5 20:01:10

李才哥 发表于 2021-1-1 23:07:55

啥也不说了,感谢楼主分享哇!

seaT 发表于 2021-3-13 22:05:56

啥也不说了,感谢楼主分享哇!

jjqlbfsh998 发表于 2021-6-23 19:23:20

正需要,支持楼主大人了!

wjjnicholas 发表于 2023-2-17 23:21:52

6666666666666666666666666666

hermeticnosh 发表于 2023-2-22 01:28:14

额,看不懂在说神马~@_@

a8849208 发表于 2024-11-10 19:53:15

我只是路过打酱油的
页: [1]
查看完整版本: CSS导航条菜单制作视频教程