HTML普通导航栏 浮动导航条:1).当鼠标移动在某个文字上时背景色变为蓝色 2).蓝色背景RGB：#0095BB
1).用无序列表制作横向导航条2).导航条填充背景色为灰色3).导航条上显示内容有“首页”、“产品中心”、“新闻中心”、“咨询投诉”、“关于我们” 4).字体为“宋体”，字体大小为16px，字体颜色为白色，加粗
拜托各位大神帮帮我吧！
第1个回答 2016-11-06
<head>
<title></title>
<style type="text/css">
#u1
{
float:left;
background-color:rgba(180,180,180,0.6);
}
li
{
width:84px;
list-style-type:none;
float:left;
font-size:20px;
font-weight:bold;
}
.style1
{
background-color:Blue;
}
.style2{background-color:white; }
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("li").mousemove(function () {
$(this).addClass("style1").mouseout(function () {
$(this).removeClass("style1");
});
});
});
</script>
</head>
<body>
<ul id="u1">
<li>首页</li>
<li>产品中心</li>
<li>新闻中心</li>
<li>咨询投诉</li>
<li>关于我们</li>
</ul>
</body>
</html>追问
<title></title>
<style type="text/css">
#u1
{
float:left;
background-color:rgba(180,180,180,0.6);
}
li
{
width:84px;
list-style-type:none;
float:left;
font-size:20px;
font-weight:bold;
}
.style1
{
background-color:Blue;
}
.style2{background-color:white; }
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("li").mousemove(function () {
$(this).addClass("style1").mouseout(function () {
$(this).removeClass("style1");
});
});
});
</script>
</head>
<body>
<ul id="u1">
<li>首页</li>
<li>产品中心</li>
<li>新闻中心</li>
<li>咨询投诉</li>
<li>关于我们</li>
</ul>
</body>
</html>追问
你在逗我吗？
相似回答
大家正在搜