原文：导航条——收缩式导航菜单
.概述 在网站中不仅可以设置导航条，而且还可以设置导航菜单。由于菜单内容比较多，同一页面显示比较杂乱，所以很多的设计者都采用了收缩式的菜单形式。 .技术要点 本实例主要是应用JavaScript控制显示和隐藏表格的功能，实现收缩式导航菜单的功能。单击导航超链接，显示当前菜单的内容，隐藏上一个显示的菜单，在隐藏菜单时，让其有规律地隐藏，从而实现展开或收缩的动画效果。 .具体实现 创建index.j ...
2016-06-18 08:59 0 2727 推荐指数：
相关推荐
1.概述 对于一个导航文字很多，并且可以对导航内容进行分类的网站来说，可以将页面中的导航文字以树状图的形式显示，树状图的导航菜单在实际开发应用中非常多。应用它可以方便用户查看。运行本实例，如图1所示，单击节点名称前的加号“+”可以展开指定的节点，单击减号“—”可以收缩子节点 ...
1.概述 采用弹出式悬浮菜单，不但可以使网站的导航内容更加清晰，而且不影响页面的整体效果。运行本实例，如图1所示，当鼠标移动到一级导航菜单的标题上时，将弹出悬浮菜单显示该菜单对应的子菜单，鼠标移出时，将隐藏悬浮菜单。 2.技术要点 本实例主要是在JavaScript中 ...
1.概述 在浏览一些网站时，当鼠标经过导航菜单某一项时，其背景颜色将切换为其他颜色，实现这种简单的效果会更吸引浏览者的注意。 2.技术要点 本实例主要是应用JavaScript方法来动态改变<td>标签的背景颜色实现的。当鼠标经过<td>表示 ...
下载BootStrap https://v3.bootcss.com/ 在static文件夹下面建立一个文件夹bootstrap-3.3.7，3.3.7是bootstrap版本号 ...
响应式导航条：在PC和平板中默认要显示所有的内容；但在手机中导航条中默认只显示“LOGO/Brand”，以及一个“菜单折叠展开按钮”，只有单击折叠按钮后才显示所有的菜单项。 基础class： .navbar 1、Bootstrap中导航条的按位置： 1)顶部导航条 ...
制作成品模型图： 代码： 一、写代码前需要准备的： 万事先写（css）结构，把结构搭建好再开始写（css）样式；制作导航条一般需要用到<ul><li></li>< ...