灰色风格css导航菜单

稿源：互联网 2022-07-30 13:46:10 点击： 8985 撤稿纠错

灰色风格导航菜单css代码，您也可以自定义。

以下讨论的是和导航菜单相关的灰色风格css导航菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<TITLE>网页特效 css导航菜单代码 站长特效网欢迎您。</TITLE>
<script language="javascript">
navHover = function() {
 var lis = document.getElementById("navmenu").getElementsByTagName("LI");
 for (var i=0; i<lis.length; i++) {
  lis[i].onmouseover=function() {
   this.className+=" iehover";
  }
  lis[i].onmouseout=function() {
   this.className=this.className.replace(new RegExp(" iehover\b"), "");
  }
 }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if (window.attachEvent) window.attachEvent("onload", navHover);
</script>
<STYLE type=text/css>
BODY {
 PADDING-RIGHT: 30px; PADDING-LEFT: 30px; BACKGROUND: #fff; PADDING-BOTTOM: 30px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 30px
}
H1 {
 FONT: bold 16px Arial, Helvetica, sans-serif
}
P {
 FONT: 11px Arial, Helvetica, sans-serif
}
A {
 COLOR: #900; TEXT-DECORATION: none
}
A:hover {
 BACKGROUND: #900; COLOR: #fff
}
UL#navmenu {
 BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 500px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none; HEIGHT: 24px
}
UL#navmenu LI {
 BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 24px
}
UL#navmenu UL {
 BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: none; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 160px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 24px
}
UL#navmenu UL LI {
 DISPLAY: inline; FLOAT: none
}
UL#navmenu A {
 BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: #eee; FLOAT: left; PADDING-BOTTOM: 0px; FONT: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; COLOR: #666; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 1%; TEXT-DECORATION: none
}
UL#navmenu A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover LI A {
 BACKGROUND: #eee; FLOAT: none; COLOR: #666
}
UL#navmenu LI.iehover LI A {
 BACKGROUND: #eee; FLOAT: none; COLOR: #666
}
UL#navmenu LI:hover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover LI:hover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover LI.iehover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover LI:hover LI A {
 BACKGROUND: #eee; COLOR: #666
}
UL#navmenu LI.iehover LI.iehover LI A {
 BACKGROUND: #eee; COLOR: #666
}
UL#navmenu LI:hover LI:hover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover LI:hover LI:hover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover LI.iehover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover LI.iehover LI.iehover A {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI:hover LI:hover LI:hover LI A {
 BACKGROUND: #eee; COLOR: #666
}
UL#navmenu LI.iehover LI.iehover LI.iehover LI A {
 BACKGROUND: #eee; COLOR: #666
}
UL#navmenu LI:hover LI:hover LI:hover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu LI.iehover LI.iehover LI.iehover LI A:hover {
 BACKGROUND: #ccc; COLOR: #fff
}
UL#navmenu UL UL {
 DISPLAY: none; LEFT: 160px; POSITION: absolute; TOP: 0px
}
UL#navmenu UL UL UL {
 DISPLAY: none; LEFT: 160px; POSITION: absolute; TOP: 0px
}
UL#navmenu LI:hover UL UL {
 DISPLAY: none
}
UL#navmenu LI:hover UL UL UL {
 DISPLAY: none
}
UL#navmenu LI.iehover UL UL {
 DISPLAY: none
}
UL#navmenu LI.iehover UL UL UL {
 DISPLAY: none
}
UL#navmenu LI:hover UL {
 DISPLAY: block
}
UL#navmenu UL LI:hover UL {
 DISPLAY: block
}
UL#navmenu UL UL LI:hover UL {
 DISPLAY: block
}
UL#navmenu LI.iehover UL {
 DISPLAY: block
}
UL#navmenu UL LI.iehover UL {
 DISPLAY: block
}
UL#navmenu UL UL LI.iehover UL {
 DISPLAY: block
}
</STYLE>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR>
</HEAD>
<BODY>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<UL id=navmenu>
  <LI><A href="#">站长特效一号</A>
  </LI>
  <LI><A href="#">站长特效二号</A>
    <UL>
    <LI><A href="#">站长特效三号</A>
    <UL>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      </LI></UL>
    <LI><A href="#">站长特效四号</A>
    <LI><A href="#">站长特效四号</A> </LI></UL></LI>
  <LI><A href="#">站长特效四号</A>
    <UL>
    <LI><A href="#">站长特效四号</A>
    <UL>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      </LI></UL>
    <LI><A href="#">站长特效四号</A>
    <UL>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      <LI><A href="#">站长特效四号</A>
      </LI></UL></LI></UL></LI>
  <LI><A href="#">站长特效四号</A>
  </LI>
  <LI><A href="#">站长特效四号</A>
  </LI></UL>
</BODY>
</HTML>

关于灰色风格css导航菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010090964535.shtml方便下次再访问哦。

·上一篇： 几种漂亮的网页线条
·下一篇： js脚本实现小键盘功能

灰色风格css导航菜单

文章分类LIST >>返回首页

最新游戏

最新新闻