div+css导航栏怎么做鼠标移上去会变色的，点击后就变成这个颜色，点别的就恢复正常的。

a:link,a:visited {
text-decoration: none;
display：block;
background:颜色代码;
width:
height:

}
a:hover,a:active {
text-decoration: none;
display：block;
background:颜色代码;
width:
height:
}
记得display：block属性必须要加

1、利用css的:hover

<div id="content">  
    这是原本的div层  
    <div id="show">  
        <p>这是鼠标移动上去后的div层</p>  
    </div>  
</div> 
<style type="text/css">  
        {  
            margin: 0;  
            padding: 0;  
        }  
        #content{  
            background:#0CF;  
            height:200px;  
            width:200px;  
            margin-left: 20px;  
            margin-top: 20px;  
        }  
        #show{  
            width:200px;  
            height:200px;  
            margin-top: 20px;  
            background:#F09;  
            top:0px;  
            position:absolute;  
            opacity: 0;  
            display: block;  
            font-size: 12px;  
            transition: 03s;  
            -webkit-transition: 5s;  
            -moz-transition: 5s;  
        }  
        #content:hover #show{  
            color: #656e73;  
            opacity: 1;  
        }  
    </style>

这就要看你的文字发生怎么样的变化，
只要是css里面可调控的样式，都是可以直接用css实现的
比如文字的大小的变化，颜色的变化 ，背景颜色的变化等等。
具体的话如果你是直接修改里面的a的样式的那么就
a {
color : red;
}
a:hover {
color : blue;
}
这样就是直接鼠标移到这个菜单的时候文字颜色的一个变化。
但是如果你的整个导航也都要改变样式的话，希望用javascript来进行控制。
因为IE6下面是不支持a以外的标签使用伪类hover的。

用CSS实现，先设a的状态，然后再设a的hover状态！
a:hover就是你鼠标放上去时显示的颜色，大小，位置等等等
a就是你鼠标不在的时候，所显示的颜色，大小，位置等等等
你的，晓得？？？

---