开发者学堂课程【网站架构师 CUED 训课程：导航控件】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/548/detail/7548
导航控件
导航控件
在页面的左侧打开组件--选择导航
导航分为：
横向导航、竖向导航
选择横向导航，右击在所需要的位置；左右横拉可以调节位置；点击设置中的切换模式，可以切换他的样式、数据、动效、排列。
样式：可以调节样式，包括：常态、悬停、选中。
在常态中可以调节文字：字体、字体颜色、字体大小、居中；
调节背景、调节边框、调节阴影。
数据有添加导航和批量添加导航两种
打开添加导航可以对导航名称、上级导航、导航链接、打开方式、图标设置进行设置。
导航链接可以分别链接到页面、文章、产品、链接。导航链接要链接到具体页面的时候要提前先建好。
例如：创建一个“人才招聘”的页面：新建页面--添加空白页面--页面标题：人才招聘，页头页尾：页头页尾。
回到页头页尾--找到导航--点击设置--数据--添加导航--导航名称：人才招聘--在页面中选择人才招聘的页面--可以设置打开方式和图标--保存。
使“人才招聘”页面移动到“联系我们”前面的方法：
在导航设置中找到数据--选中“人才招聘”前面的小点向上拖拽。
把“人才招聘”页面作为“解决方案”的子导航的方法：
在导航设置中找到数据--选中“人才招聘”前面的小点在“解决方案”的下方往后推拽，然后右键导航中的“解决方案”--选择层级--置于顶层。
动效：可以设置淡入、飞入、闪现、放大、抖动、摇摆、弹入、翻转等画面进入特效。
排练：可以调节尺寸的宽、高度；位置中可以选择“绝对定位”和“固定屏幕”两种设置。
“固定屏幕”：可以使导航模块固定在屏幕的一个地方，并跟随屏幕移动而移动。
