导航鼠标特效
话不多说，先上html代码
?css代码：
@CHARSET "UTF-8";.navigation{width:1000px;height:35px;background-image: url("../../../images/style04/module/navigation_bg.jpg");background-repeat: repeat-x;}.navigation_left{float:left;width:21px;height:35px;background-image: url("../../../images/style04/module/navigation_left.jpg");background-repeat: no-repeat;background-position: left;}.navigation li{float:left;list-style: none;width:90px;height:35px;font-size: 14px;line-height: 35px;font-weight: bold;color:#FFF;text-align: center;cursor:pointer;}.navigation li.selected{float:left;list-style: none;width:90px;height:35px;background-image: url("../../../images/style04/module/navigation_text_bg.jpg");background-repeat: no-repeat;font-size: 14px;line-height: 35px;font-weight: bold;color:#823001;text-align: center;}.navigation li.hover{background:#DFDFDF;}.navigation_text_left{float:left;list-style: none;width:92px;height:35px;background-image: url("../../../images/style04/module/navigation_text_left.jpg");background-repeat: no-repeat;background-position: left;font-size: 14px;line-height: 35px;font-weight: bold;text-align: center;color:#FFF;}.navigation_text_left:hover{float:left;width:90px;height:35px;background-color:red;font-size: 14px;line-height: 35px;font-weight: bold;text-align: center;color:red;}.navigation_right{float:right;width:166px;height:35px;background-image: url("../../../images/style04/module/navigation_right.jpg");background-repeat: no-repeat;background-position: right;font-size: 13px;line-height: 35px;color:#FCFD86;}.navigation_text_right{float:left;width:45px;height:35px;background-image: url("../../../images/style04/module/navigation_text_left.jpg");background-repeat: no-repeat;background-position: right;}?
