/* !! 添加注释的样式可以修改 !! !! 要开启阴影,需要在 js 文件中进行修改,但开启阴影后,在IE6中有一点点的 bug !! */ /* 设置整个导航所在的层的样式 */ #menu{ width:100%; height:39px; background:#f8f8f8; border-top:1px #f0f0f0 solid; } #menu ul { width:1165px; height:39px; margin:0 auto;} #menu ul li{ width:144px; height:39px; text-align:center;float:left; position:relative;} #menu ul li a{ font-size:15px;font-family:"宋体"; line-height:39px; font-weight:bold;color:#777777; display:block;} #menu ul li a:hover{ width:144px; height:39px;font-size:17px; color:#0374c2; line-height:39px; position:relative;} #menu ul li.selected a{ width:144px; height:39px; font-size:17px;color:#0374c2; line-height:39px; position:relative;} /*IE6 hack to get sub menu links to behave correctly*/ * html #menu ul li a{display: block;} /* 设置每个菜单项中 a 标签经过的样式 */ #menu ul li ul img{ width:120px; height:103px; margin-left:15px; float:left; left:0; top:15px; position:absolute;} #menu ul li ul{ display: none; visibility: hidden; padding-left:155px; padding-top:10px; height:125px; position:absolute; background:#f8f8f8; left:0; top:5px; } #menu ul li ul li{ height:30px; line-height:30px; border:0; padding-left:10px; width:103px; } /* 设置子菜单中每个菜单项中 a 标签平常的样式 */ #menu ul li ul li a{ /* 子菜单的宽度 */ height:30px; line-height:30px; color:#777777; float:left; font-size:12px; width:103px; font-weight:normal; } #menu ul li ul li.selected a{ width:103px; height:30px; font-size:12px;color:#0374c2; line-height:30px; position:relative;} /* 设置子菜单中每个菜单项中 a 标签鼠标经过的样式 */ #menu ul li ul li a:hover{ height:30px; line-height:30px; color:#0374c2; font-size:12px; width:103px; background: none; } /* Holly Hack for IE \*/ * html #menu{height: 1%;} /* 控制首行导航右侧三角的位置 */ .downarrowclass{ position: absolute; top: 39px; left: 45px; } /* 控制子导航右侧三角的位置 */ .rightarrowclass{ position: absolute; top: 13px; right: 7px; } /* 阴影样式,如果在 js 中开启了阴影,则需设置 */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; } /* 透明度的设置 */ .toplevelshadow{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; } /*=====================================*/ /* 菜单项之间的竖线 */ #menu ul li.menu_line{ background:url(menu_line.png) no-repeat center; width:1px; height:39px; }