HTML普通导航栏浮动导航条:1).当鼠标移动在某个文字上时背景色变为蓝色 2).蓝色背景RGB：#0095BB_随笔

<head>

#u1

{

float:left

background-color:rgba(180,180,180,0.6)

}

{

width:84px

list-style-type:none

float:left

font-size:20px

font-weight:bold

}

.style1

{

background-color:Blue

}

.style2{background-color:white}

</style>

$(function () {

$("li").mousemove(function () {

$(this).addClass("style1").mouseout(function () {

$(this).removeClass("style1")

})

</script>

</head>

<body>

<li>首页</li>&nbsp

<li>产品中心</li>&nbsp

<li>新闻中心</li>&nbsp

<li>咨询投诉</li>&nbsp

</ul>

</body>

</html>

这个技术很简单。

如果你有一定的基础，下面这段代码对你会有帮助的。

但是如果你没有基础，建议你好好先补下基础。

望采纳

style="position:fixedtop:0pxleft:0px"

欢迎分享，转载请注明来源：内存溢出

HTML普通导航栏浮动导航条:1).当鼠标移动在某个文字上时背景色变为蓝色 2).蓝色背景RGB：#0095BB