导航条——收缩式导航菜单
1.概述 在网站中不仅可以设置导航条，而且还可以设置导航菜单。由于菜单内容比较多，同一页面显示比较杂乱，所以很多的设计者都采用了收缩式的菜单形式。 2.技术要点 本实例主要是应用JavaScript控制显示和隐藏表格的功能，实现收缩式导航菜单的功能。单击导航超链接，显示 ...
原文：导航条——树状导航菜单
.概述 对于一个导航文字很多，并且可以对导航内容进行分类的网站来说，可以将页面中的导航文字以树状图的形式显示，树状图的导航菜单在实际开发应用中非常多。应用它可以方便用户查看。运行本实例，如图 所示，单击节点名称前的加号 可以展开指定的节点，单击减号 可以收缩子节点。 .技术要点 本实例主要是通过JavaScript控制表格行的 lt tr gt 标签的显示或隐藏来实现节点的显示和隐藏。控制 lt ...
2016-06-19 17:48 0 2981 推荐指数：
相关推荐
导航条——动态改变导航菜单的背景颜色
1.概述 在浏览一些网站时，当鼠标经过导航菜单某一项时，其背景颜色将切换为其他颜色，实现这种简单的效果会更吸引浏览者的注意。 2.技术要点 本实例主要是应用JavaScript方法来动态改变<td>标签的背景颜色实现的。当鼠标经过<td>表示 ...
导航条的制作
制作成品模型图： 代码： 一、写代码前需要准备的： 万事先写（css）结构，把结构搭建好再开始写（css）样式；制作导航条一般需要用到<ul><li></li>< ...
Bootstrap导航条
前面的话 导航条（navbar）和导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。本文将详细介绍Bootstrap ...
bootstrap 导航条
一、默认的导航条 制作默认的导航条，可分以下几步： 1.在ul里加上（ul class="nav navbar-nav"）样式； 2.在ul外加一层div或nav(ps:HTML5新属性)，并且添加样式（div class="navbar nabar-default ...
导航条（垂直/水平/下拉菜单）
1.准备。 导航条的制作，不管是水平还是垂直，首先必须要有结构清晰的html代码。 常用的一般是无序列表，list标签中包含<a>标签；而下拉列表则是在list列表中嵌套一个新的无序列表。 2.css的设定 //清除自带格式-取消列表样式； //水平导航条需要 ...
css制作漂亮彩带导航条菜单
点击这里查看效果：http://keleyi.com/keleyi/phtml/divcss/17.htm效果图：以下是源代码： 转载自：http://keleyi.com/a/bja ...
导航条——弹出式悬浮菜单
1.概述 采用弹出式悬浮菜单，不但可以使网站的导航内容更加清晰，而且不影响页面的整体效果。运行本实例，如图1所示，当鼠标移动到一级导航菜单的标题上时，将弹出悬浮菜单显示该菜单对应的子菜单，鼠标移出时，将隐藏悬浮菜单。 2.技术要点 本实例主要是在JavaScript中 ...