Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS implementation with a small arrow level 2 drop-down navigation menu</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><STYLE type="text/css">* {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px} BODY {FONT: 12px Arial, sans-serif; COLOR: #666} A {COLOR: #555; TEXT-DECORATION: none} A: hover {COLOR: # e33; TEXT-DECORATION: underline} # selectedI # mI {FONT-WEIGHT: bold; BACKGROUND: url (/blog/upload/image/20120525072202.gif) no-repeat-260px-40px; COLOR: # f33; margin: 0 auto ;}. hNav {CLEAR: both; PADDING-RIGHT: 2px; PADDING-LEFT: 3px; BACKGROUND: url (/blog/upload/image/20120525072202.gif) no-repeat left top; PADDING-BOTTOM: 5px; WIDTH: 891px; PADDING-TOP: 3px; HEIGHT: 29px; margin: 0 auto ;}. hNav ul li {FLOAT: left; OVERFLOW: hidden; WIDTH: 99px; LINE-HEIGHT: 29px; HEIGHT: 29px; TEXT-ALIGN: center }. hNav ul li a {DISPLAY: block; OVERFLOW: hidden; WIDTH: 99px; CURSOR: pointer; COLOR: # fff; WHITE-SPACE: nowrap; HEIGHT: 29px }. hNav ul li a: hover {BACKGROUND: url (/blog/upload/image/20120525072202.gif) no-repeat-260px-40px; COLOR: # f33; TEXT-DECORATION: none }. hNav ul li. over {BACKGROUND: url (/blog/upload/image/20120525072202.gif) no-repeat-260px-40px; OVERFLOW: visible }. hNav ul li. over UL {Z-INDEX: 2; FILTER: alpha (opacity = 80); FLOAT: left; OVERFLOW: auto; POSITION: relative; opacity: 0.8;-moz-opacity: 0.8 }. hNav ul li. over ul li {BACKGROUND: #111; LINE-HEIGHT: 24px; HEIGHT: 24px }. hNav ul li. over ul li a {MARGIN: 0px 3px; WIDTH: 93px; HEIGHT: 24px }. hNav ul li. over ul li a: hover {COLOR: # e00 }. hNav ul li. over ul li. e1 {DISPLAY: inline; MARGIN: 0px 1px; OVERFLOW: hidden; WIDTH: 97px; HEIGHT: 1px }. hNav ul li. over ul li. e2 {DISPLAY: inline; MARGIN: 0px 1px; OVERFLOW: hidden; WIDTH: 97px; HEIGHT: 1px }. hNav ul li. over ul li. e3 {DISPLAY: inline; MARGIN: 0px 1px; OVERFLOW: hidden; WIDTH: 97px; HEIGHT: 1px }. hNav ul li. over ul li. e2 {BACKGROUND: # e30 }. hNav ul li. over ul li. e3 {BACKGROUND: # e30 }. hNav ul li. over ul li. e3 {MARGIN: 0px 3px; WIDTH: 93px}</sTYLE></head><body><!--把下面代码加到<body>与</body>之间--><DIV id="selectedI"><DIV class="hNav"><UL><LI>Homepage</lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Website Navigation<UL><LI>Fortune</lI><LI>External link</lI><LI>Entrepreneurship</lI><LI>Feelings</lI><LI>Home</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Photoprinting and entertainment<UL><LI>My DV</lI><LI>My album</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">New things<UL><LI>Global News</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL><UL></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Personal works<UL><LI>Feelings</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Cooperation matters<UL><LI>Project funds</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Team building<UL><LI>I am the head of the team</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">Contact Info<UL><LI>Contact Info</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圆角 --></lI></uL></lI><LI>Message book</lI></uL></dIV></dIV></body></html></td> </tr></table>
Tip: you can modify some code before running