开发学院网页设计 JavaScript 一个很通用的javascript的下拉菜单阅读

一个很通用的javascript的下拉菜单

　2004-03-07 19:51:38　来源：WEB开发网　　　

核心提示：这是CSS文件css.css的内容.close{ visibility:hidden; cellPadding=0; cellSpacing=0 ; height:21px;font:9pt;text-align:center }.open{ visibility:visible; cellPadding

这是CSS文件css.css的内容

.close{
visibility:hidden;
cellPadding=0; cellSpacing=0 ;
height:21px;font:9pt;text-align:center

　 }
.open{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
height:24px;font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid

　 }
.openleft{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
height:24px;font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT:#000000 1px solid ;
BORDER-BOTTOM: #000000 1px solid
}
.openright{
visibility:visible;
cellPadding=0; cellSpacing=0 ;
height:24px;font:9pt;text-align:center;
BORDER-TOP: #000000 1px solid ;
BORDER-RIGHT:#000000 1px solid ;
BORDER-BOTTOM: #000000 1px solid
}

利用鼠标对象和表格的属性很容易实现下拉菜单!

<HTML><HEAD><TITLE>最后还是笑笑/情感</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="CssFiles/css.css" type=text/css rel=stylesheet>
<BODY bgColor=#dedfde leftMargin=0 marginwidth="0" topmargin="0">