为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

学习人数
难度级别 中级
课程时长 23分
综合评分 9.5
932人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

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

第1章 垂直菜单的制作
用无序列表标签构建菜单结构并对垂直菜单的样式进行设置。

第2章 水平菜单的制作
本章教您只需通过一个属性的简单设置就轻松的将垂直菜单转变为水平菜单。

第3章 圆角菜单的制作
如何通过设置不同的背景,对导航条菜单的样式进行改变,完成圆角菜单的制作。

第4章 伸缩菜单的制作——改变高度
重点讲解如何通过对margin属性的设置,让水平菜单实现向上伸缩效果。

第5章 伸缩菜单的制作——水平方向
通过编写JavaScript脚本和JQuery特效伸缩插件这两种不同的方式,制作更动感的水平伸缩菜单,并对以上两种实现方式进行对比。

第6章 总结
对案例所实现的各类导航条菜单的关键知识点进行复习巩固!

讲师提示

江老实 Web前端工程师
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单
意见反馈 常见问题 APP下载
官方微信