Html
    Css
    Js
 * {
	padding:0;
	margin:0;
}
li {
	list-style:none
}
.nav {
	margin:0 auto
}
.nav >li {
	float:left;
}
ul a {
	width:100px;
	height:50px;
	display:block;
	text-decoration:none;
	background-color:black;
	text-align:center;
	line-height:50px;
	color:white;
}
.text-center {
	display:none;
	position:absolute;
}
.text-center li a:hover {
	background:red
}
.nav .text-menu:hover .text-center {
	display:block;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

一个导航条例子

一个实用简单的导航条,希望喜欢。

2
      约&翰0
      2018/1/25 11:43:32

      蛮不错的,嘻嘻

          约&翰0
          2018/1/25 11:44:03
          哈哈
      回复