【网页特效代码-页面特效】点击文字后展开一个非常漂亮的导航条,这个

【网页特效代码-页面特效】点击文字后展开一个非常漂亮的导航条,这个.txt珍惜生活——上帝还让你活着，就肯定有他的安排。雷锋做了好事不留名，但是每一件事情都记到日记里面。<STYLE type=text/css>

.menu {

BORDER-RIGHT: #006080 2px solid; BORDER-TOP: #80e0ff 2px solid; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #80e0ff 2px solid; BORDER-BOTTOM: #006080 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #40a0c0

}

A.menuItem {

BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 12px; BORDER-TOP: #000000 0px solid; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 0px solid; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 0px solid; FONT-FAMILY: MS Sans Serif, Arial, Tahoma,sans-serif; TEXT-DECORATION: none

}

A.menuItem:hover {

COLOR: #ffff00; BACKGROUND-COLOR: #004060

}

</STYLE>

<DIV class=menu id=myMenu><A class=menuItem

href="www.51wendang.com;建站资源网</A>

<A class=menuItem

href="www.51wendang.com;新浪网</A>

<A class=menuItem

href="www.51wendang.com;网 易</A>

<A class=menuItem

href="www.51wendang.com;江苏音符</A>

<A class=menuItem

href="www.51wendang.com;央视国际</A>

</DIV>

<P><font onclick="openMenu(event, 'myMenu');return false;">点击打开菜单</font></P>

<SCRIPT type=text/javascript>

document.getElementById("myMenu").onmouseout = closeMenu;

function openMenu(event, id) {

var el, x, y;

el = document.getElementById(id);

if (window.event) {

x = window.event.clientX + document.documentElement.scrollLeft

+ document.body.scrollLeft;

y = window.event.clientY + document.documentElement.scrollTop +

+ document.body.scrollTop;

}

else {