简介：彩色的导航十分具有视觉美感，简约时尚，比较适合于童儿网站，女性网站等页面的导航。
功能：每一个栏目对应一个颜色，当鼠标移动到对应栏目时，该栏目突出显示，并同时改变下方横线的颜色。
实现：
1.导航栏用ul列表实现，横向显示通过 li{float:left} 实现；
2.列表项li和a标签通过 display：block； 来设置显示方式为块状元素；
3.通过li和a标签的高度 height：40px;和行高line-height:40px;来实现hover效果
4.导航栏底部的横线通过ul的 border-bottom 的设置来实现；
5.底部横线随栏目颜色变化而变化通过ul的类名来实现，即当鼠标移到a标签上，执行函数改变ul的类名，并在css代码中定义对应类的样式（颜色等），每一个a标签对应一个函数
这里的实现方法思路简单，但是代码量比较大，在下一节的随笔中将展示另一种更简单的改变样式的方法。
