index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
ul{
list-style: none;
}
#nav ul li{
float: left;
margin-left: 100px;
text-align: center;
color: white;
padding: 14px;
cursor: pointer;
}
#nav ul li:hover{
background-color: green !important;
}
#center ul li{
height: 600px;
margin-top: -12px;
margin-left: -38px;
display: none;
}
#nav{
height: 50px;
background-color: #000000;
margin-top: 120px;
}
#header{
height: 200px;
}#header img{
height: 145px;
width: 100%;
margin-bottom: -120px;
}
#center{
height: auto;
}
#footer{
margin-top: 100px;
height: 200px;
}
#shouye{
height: 600px;
background-color: yellowgreen;
}
#fuwuyuding{
height: 600px;
background-color: yellowgreen;
}
#jiudian{
height: 600px;
background-color: yellowgreen;
}
#lvyou{
height: 600px;
background-color: yellowgreen;
}
#mudidi{
height: 600px;
background-color: yellowgreen;
}
#centershou{
width: 1000px;
height: 500px;
margin-left: 120px;
}
#centershou img{
width: 300px;
margin-left: 20px;
}
.centershouzi{
margin-left: 20px;
height: 30px;
width: 100px;
margin-top: 10px;
}
#centermu{
width: 1000px;
height: 500px;
margin-left: 120px;
}
#centermu img{
width: 200px;
margin-left: 20px;
}
.centershouzi{
margin-left: 20px;
height:</
该博客介绍了如何使用HTML和JavaScript实现导航栏的切换效果，通过引入jQuery库并进行相应的图片更换操作来达成目标。
最低0.47元/天 解锁文章
833
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
