www.gusucode.com > 五款秀气的网页菜单源码程序 > 五款秀气的网页菜单/wuxiuqicaidan/js/glowtabs.css
.glowingtabs{ float:left; width:100%; font-size: 12px; line-height:normal; border-bottom: 1px solid #dcc208; /*Add border strip to bottom of menu*/ } .glowingtabs ul{ list-style-type: none; margin:0; margin-left: 5px; /*Left offset of entire tab menu relative to page*/ padding:0; } .glowingtabs li{ display:inline; margin:0; padding:0; } .glowingtabs a{ float:left; background:url(media/glowtab-left.gif) no-repeat left top; margin:0; margin-right: 5px; /*spacing between each tab*/ padding:0 0 0 9px; text-decoration:none; } .glowingtabs a span{ float:left; display:block; background:url(media/glowtab.gif) no-repeat right top; padding: 4px 12px 2px 3px; font-weight:bold; color:#3B3B3B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .glowingtabs a span {float:none;} /* End IE5-Mac hack */ .glowingtabs a:hover span { color: black; } .glowingtabs li.selected a{ /*Selected Tab style*/ background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/ } .glowingtabs li.selected a span{ /*Selected Tab style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/ color: black; } .glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/ background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/ } .glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/ } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv_d{ position:absolute; top: 0; border: 1px solid #dcc208; /*THEME CHANGE HERE*/ border-width: 0 1px; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: white; width: 200px; visibility: hidden; } .dropmenudiv_d a{ width: auto; display: block; text-indent: 5px; border: 0 solid #dcc208; /*THEME CHANGE HERE*/ border-bottom-width: 1px; padding: 2px 0; text-decoration: none; color: black; } * html .dropmenudiv_d a{ /*IE only hack*/ width: 100%; } .dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/ background-color: #fef8c8; }