提示：您可以先修改部分代碼再運行
<!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實現帶小箭頭二級下拉導覽功能表</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>首頁</lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">網站導航<UL><LI>財富</lI><LI>外部連結</lI><LI>創業</lI><LI>感情</lI><LI>家庭</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">影印娛樂<UL><LI>我的DV</lI><LI>我的相簿</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">新人新事<UL><LI>天下新聞</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=''">個人作品<UL><LI>心情感想</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">合作事宜<UL><LI>項目資金</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">團隊建設<UL><LI>我是團長</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI onMouseOver="this.className='over'" onMouseOut="this.className=''">連絡方式<UL><LI>連絡方式</lI><LI class="e1"></lI><LI class="e2"></lI><LI class="e3"><!-- 圓角 --></lI></uL></lI><LI>留言本</lI></uL></dIV></dIV></body></html></td> </tr></table>
提示：您可以先修改部分代碼再運行
