templets/cnc/css/menu.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*menu样式*/
.menu {
	z-index:100;
	background-image: url(../images/index_05.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 43px;
	position: relative;
}

/* 导航菜单 START */
#menubar {
	margin:0 auto;
	width:990px;
	height:43px;
	background:url(images/menu_bgff.jpg) repeat-x center top;
	text-align:left;
}
#menubar li{ display:block;}
#menubar .nav{ width:100px; float:left; display:block; height:43px; line-height:43px;}
#menubar .nav a{ color:#FFFFFF;display:block; width:100px; height:43px; line-height:43px;}
/* 菜单项 */
#menubar ul.menus li {
	float:left; /* 靠左浮动 */
	list-style:none; /* 清空列表风格 */
	width:100px;
	height:43px;
	line-height:43px;
	text-align:center;
	position:relative;
}
/* 菜单项链接 */
#menubar ul.menus li a {
	width:100px;
	height:43px;
	display:block; /* 显示为块 */
	color:#FFF; /* 文字颜色 */
	text-decoration:none; /* 没有下横线 */
}
/* 选中菜单项链接 */
#menubar ul.menus li a:hover {
	background:#4281B7; /* 背景颜色 */
}
/* 当前菜单位置 */
#menubar ul.menus ul {
	position:absolute;
	left:0px;
}
/* 二级菜单 */
#menubar ul.children {
	display:none; /* 初始化页面时不显示出来 */
	padding:0;
	margin:0;
}
/* 二级菜单的菜单项 */
#menubar ul.children li {
	float:none; /* 垂直排列 */
}
/* 二级菜单的当前菜单项链接 */
#menubar ul.children li a {