|
|
程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
课程简介：
每个网站都包含导航菜单，它们形式多样。本课程将由浅到深的介绍各种常见的导航条菜单的制作方法，从垂直方向的到水平方向的，再到用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 编程挑战
|
温馨提示：
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
|
发表于 2018-12-20 21:26:58
发表于 2021-3-13 22:05:56
