JS实现的一种网页下拉菜单[网页特效]-网页页面特效

<STYLE type=text/css>#menubar { BACKGROUND: rgb(212,208,200); FONT: menu; CURSOR: default; POSITION: relative } #menubar .root { BORDER-RIGHT: rgb(212,208,200) 1px solid; PADDING-RIGHT: 2pt; BORDER-TOP: rgb(212,208,200) 1px solid; PADDING-LEFT: 2pt; BORDER-LEFT: rgb(212,208,200) 1px solid; BORDER-BOTTOM: rgb(212,208,200) 1px solid } #menubar TABLE { BORDER-RIGHT: gray 2px solid; PADDING-RIGHT: 0pt; BORDER-TOP: #eeeeee 2px solid; DISPLAY: none; PADDING-LEFT: 0pt; BACKGROUND: rgb(212,208,200); PADDING-BOTTOM: 0pt; MARGIN: 0pt; FONT: menu; BORDER-LEFT: #eeeeee 2px solid; PADDING-TOP: 0pt; BORDER-BOTTOM: gray 2px solid; POSITION: absolute } #menubar TABLE TD { PADDING-RIGHT: 15pt; PADDING-LEFT: 12pt; PADDING-BOTTOM: 2pt; MARGIN: 0pt; PADDING-TOP: 2pt } #menubar .highlight { BACKGROUND: #08246b; COLOR: white } #menubar .disabledhighlight { BACKGROUND: rgb(212,208,200); COLOR: gray } #menubar #break { COLOR: gray } #menubar .disabled { COLOR: gray } #menubar #break { PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; PADDING-TOP: 0pt } #menubar SPAN.more { PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; LEFT: 14pt; FLOAT: right; PADDING-BOTTOM: 0pt; MARGIN: 0pt; FONT: 9pt webdings; WIDTH: 0.8em; PADDING-TOP: 0pt; POSITION: relative; TOP: -2pt; HEIGHT: 9pt } #menubar .TBHandle { BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; FONT-SIZE: 1px; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 3px; POSITION: absolute; TOP: 1px; HEIGHT: 22px; BACKGROUND-COLOR: menu } #menubar .yToolbar { BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; LEFT: 0px; BORDER-LEFT: buttonhighlight 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; POSITION: relative; TOP: 0px; HEIGHT: 27px; BACKGROUND-COLOR: menu } .handbtn { BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 1px solid; WIDTH: 3px; BORDER-BOTTOM: buttonshadow 1px solid; HEIGHT: 21px } .sepbtn1 { BORDER-RIGHT: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px ridge; WIDTH: 2px } </STYLE> <SCRIPT language=javascript> //数组名+次序号码 //数组内容第一个值为标题 //"样式名称","字体颜色","名称","连接","目标窗口" OutBarFolder1=new Array( "系统功能", "none","default","新建管理人员","add","_blank", "none","default","浏览管理人员","none","_blank", "none","default","修改管理人员资料","none","_blank", "none","default","更改密码","none","_blank", "none","default","权限分配","none","none", "break","default","<hr>","none","none", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "break","default","<hr>","none","none", "none","default","备份数据","none","_top", "none","default","恢复数据","none","_top", "break","default","<hr>","none","none", "none","default","更改个人资料","none","_blank", "none","default","更改个人密码","none","_blank", "break","default","<hr>","none","none", "none","default","退出管理系统","none","_top" ); OutBarFolder2=new Array( "系统功能", "none","default","新建管理人员","add","_blank", "none","default","浏览管理人员","none","_blank", "none","default","修改管理人员资料","none","_blank", "none","default","更改密码","none","_blank", "none","default","权限分配","none","none", "break","default","<hr>","none","none", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_blank", "none","default","新建管理人员","add","_bla</body></html>