28,391
社区成员
发帖
与我相关
我的任务
分享菜鸟问题,怎么实现下拉菜单?不想要太多的文件,最多一个JS文件和一个HTML文件.
大家有源代码吗?我在网上找的一些,文件太多!想要条理清楚,简单易用的!!
...全文
请发表友善的回复…
发表回复
fenglik 2004-07-25
- 打赏
- 举报
---dropdown_content.js----------
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0,
mtDropDown.reference.bottomLeft);
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem(" 壹号聊天室", "#");
menu1.addItem(" 创建聊天室", "#");
menu1.addItem(" 查找聊天室", "#");
menu1.addItem(" 搜索聊天对象", "#");
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem(" 新手上路", "#");
menu2.addItem(" 选美大赛", "#");
menu2.addItem(" 钱袋子", "#");
menu2.addItem(" 爱玩它商城", "#");
menu2.addItem(" 我的衣柜", "#");
menu2.addItem(" 异性商城", "#");
menu2.addItem(" 爱玩它论坛", "#");
menu2.addItem(" 帮助信息", "#");
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem(" 俱乐部", "#");
menu3.addItem(" 亲密朋友", "#");
menu3.addItem(" 动物小仙", "#");
menu3.addItem(" 橙味女郎", "#");
menu3.addItem(" 个性聊天", "#");
menu3.addItem(" 个人主页", "#");
var menu4 = ms.addMenu(document.getElementById("menu4"));
menu4.addItem(" 订阅", "#");
menu4.addItem(" 点播", "#");
menu4.addItem(" 图片铃声", "#");
menu4.addItem(" 游戏", "#");
menu4.addItem(" 自写短信", "#");
menu4.addItem(" 言语传情", "#");
var menu5 = ms.addMenu(document.getElementById("menu5"));
menu5.addItem(" CET", "#");
menu5.addItem(" 校园", "#");
menu5.addItem(" 培训课程", "#");
menu5.addItem(" YG知识", "#");
menu5.addItem(" 教育资讯", "#");
var menu6 = ms.addMenu(document.getElementById("menu6"));
menu6.addItem(" 今日天下", "#");
menu6.addItem(" 热点看板", "#");
menu6.addItem(" 体坛纵横", "#");
menu6.addItem(" 星星有约", "#");
menu6.addItem(" 娱乐天天看", "#");
var menu7 = ms.addMenu(document.getElementById("menu7"));
menu7.addItem(" VIP邮局", "#");
menu7.addItem(" 企业邮局", "#");
menu7.addItem(" 电子贺卡", "#");
menu7.addItem(" 免费邮局", "#");
mtDropDown.renderAll();
-------menu.htm----
<HTML>
<HEAD>
<TITLE>动感的伸缩菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language=JavaScript>
<!--
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</script>
<script language=javascript src="http://www.cnbruce.com/js/one.js"></script>
<script language=javascript src="http://www.cnbruce.com/js/two.js"></script>
<link href="welab.css" type=text/css rel=stylesheet>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onload=init();>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="49">
</td>
<td width="74" valign="bottom" ><a id=menu1 href="#">MENU 1 </a></td>
<td width="74" valign="bottom"><a id=menu2 href="#"> MENU 2 </a></td>
<td width="74" valign="bottom"><a id=menu3 href="#"> MENU 3 </a></td>
<td width="74" valign="bottom"><a id=menu4 href="#"> MENU 4 </a></td>
<td width="74" valign="bottom"><a id=menu5 href="#"> MENU 5 </a></td>
<td width="74" valign="bottom"><a id=menu6 href="#"> MENU 6 </a></td>
<td width="74" valign="bottom"><a id=menu7 href="#"> MENU 7 </a></td>
</tr>
<tr bgcolor="#7285cf">
<td colspan="8" height="20"> <font color="#FFFFFF">动感的伸缩菜单</font></td>
</tr>
</table>
<script language=javascript src="dropdown_content.js"></script>
<br/>
</BODY></HTML>
-------welab.css--------
.mtDropdownMenu { LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px}
.mtDropdownMenu .content { POSITION: absolute}
.mtDropdownMenu .items { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; POSITION: relative; TOP: 0px}
.mtDropdownMenu .item { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #333333; BORDER-BOTTOM: medium none; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none; EXT-DECORATION: none}
.mtDropdownMenu .background { Z-INDEX: 1; FILTER: alpha(opacity=75); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8}
.mtDropdownMenu .shadowRight { Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4}
.mtDropdownMenu .shadowBottom { Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4}
.mtDropdownMenu .hover { BACKGROUND: #CCCCCC; COLOR: #FFFFFF}
.mtDropdownMenu .item IMG { MARGIN-LEFT: 10px}
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0,
mtDropDown.reference.bottomLeft);
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem(" 壹号聊天室", "#");
menu1.addItem(" 创建聊天室", "#");
menu1.addItem(" 查找聊天室", "#");
menu1.addItem(" 搜索聊天对象", "#");
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem(" 新手上路", "#");
menu2.addItem(" 选美大赛", "#");
menu2.addItem(" 钱袋子", "#");
menu2.addItem(" 爱玩它商城", "#");
menu2.addItem(" 我的衣柜", "#");
menu2.addItem(" 异性商城", "#");
menu2.addItem(" 爱玩它论坛", "#");
menu2.addItem(" 帮助信息", "#");
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem(" 俱乐部", "#");
menu3.addItem(" 亲密朋友", "#");
menu3.addItem(" 动物小仙", "#");
menu3.addItem(" 橙味女郎", "#");
menu3.addItem(" 个性聊天", "#");
menu3.addItem(" 个人主页", "#");
var menu4 = ms.addMenu(document.getElementById("menu4"));
menu4.addItem(" 订阅", "#");
menu4.addItem(" 点播", "#");
menu4.addItem(" 图片铃声", "#");
menu4.addItem(" 游戏", "#");
menu4.addItem(" 自写短信", "#");
menu4.addItem(" 言语传情", "#");
var menu5 = ms.addMenu(document.getElementById("menu5"));
menu5.addItem(" CET", "#");
menu5.addItem(" 校园", "#");
menu5.addItem(" 培训课程", "#");
menu5.addItem(" YG知识", "#");
menu5.addItem(" 教育资讯", "#");
var menu6 = ms.addMenu(document.getElementById("menu6"));
menu6.addItem(" 今日天下", "#");
menu6.addItem(" 热点看板", "#");
menu6.addItem(" 体坛纵横", "#");
menu6.addItem(" 星星有约", "#");
menu6.addItem(" 娱乐天天看", "#");
var menu7 = ms.addMenu(document.getElementById("menu7"));
menu7.addItem(" VIP邮局", "#");
menu7.addItem(" 企业邮局", "#");
menu7.addItem(" 电子贺卡", "#");
menu7.addItem(" 免费邮局", "#");
mtDropDown.renderAll();
-------menu.htm----
<HTML>
<HEAD>
<TITLE>动感的伸缩菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language=JavaScript>
<!--
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</script>
<script language=javascript src="http://www.cnbruce.com/js/one.js"></script>
<script language=javascript src="http://www.cnbruce.com/js/two.js"></script>
<link href="welab.css" type=text/css rel=stylesheet>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onload=init();>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="49">
</td>
<td width="74" valign="bottom" ><a id=menu1 href="#">MENU 1 </a></td>
<td width="74" valign="bottom"><a id=menu2 href="#"> MENU 2 </a></td>
<td width="74" valign="bottom"><a id=menu3 href="#"> MENU 3 </a></td>
<td width="74" valign="bottom"><a id=menu4 href="#"> MENU 4 </a></td>
<td width="74" valign="bottom"><a id=menu5 href="#"> MENU 5 </a></td>
<td width="74" valign="bottom"><a id=menu6 href="#"> MENU 6 </a></td>
<td width="74" valign="bottom"><a id=menu7 href="#"> MENU 7 </a></td>
</tr>
<tr bgcolor="#7285cf">
<td colspan="8" height="20"> <font color="#FFFFFF">动感的伸缩菜单</font></td>
</tr>
</table>
<script language=javascript src="dropdown_content.js"></script>
<br/>
</BODY></HTML>
-------welab.css--------
.mtDropdownMenu { LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px}
.mtDropdownMenu .content { POSITION: absolute}
.mtDropdownMenu .items { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; POSITION: relative; TOP: 0px}
.mtDropdownMenu .item { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #333333; BORDER-BOTTOM: medium none; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none; EXT-DECORATION: none}
.mtDropdownMenu .background { Z-INDEX: 1; FILTER: alpha(opacity=75); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8}
.mtDropdownMenu .shadowRight { Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4}
.mtDropdownMenu .shadowBottom { Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4}
.mtDropdownMenu .hover { BACKGROUND: #CCCCCC; COLOR: #FFFFFF}
.mtDropdownMenu .item IMG { MARGIN-LEFT: 10px}
woyingjie 2004-07-25
- 打赏
- 举报
case 38: // up
if (lastHighlight==null) {
itemCell = menuActive._childItem
curRow = itemCell.rows.length-1
curCell= itemCell.rows[curRow].cells.length-1
}
else {
itemCell = getRootTable(lastHighlight)
if (lastHighlight.cellIndex==0) {
curRow = getElement(lastHighlight,"TR").rowIndex-1
if (curRow==-1)
curRow = itemCell.rows.length-1
curCell= itemCell.rows[curRow].cells.length-1
} else {
curCell = lastHighlight.cellIndex - 1
curRow = getElement(lastHighlight,"TR").rowIndex
}
}
doHighlight(itemCell.rows[curRow].cells[curCell])
break;
if (lastHighlight==null) {
curCell = menuActive._childItem
curRow = curCell.rows.length-1
}
else {
curCell = getRootTable(lastHighlight)
if (getElement(lastHighlight,"TR").rowIndex==0)
curRow = curCell.rows.length-1
else
curRow = getElement(lastHighlight,"TR").rowIndex-1
}
doHighlight(curCell.rows[curRow].cells[0])
break;
}
}
}
function make_menu() {
document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'>");
document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>");
document.write("<TABLE ID=menuBar ONSELECTSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR>");
j=1;
while(eval("window.OutBarFolder"+j))
j++;
i=1;
while(i<j)
{
Folder=eval("OutBarFolder"+i)
document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>");
MakeItems(Folder);
document.write("</TABLE>");
i++;
}
document.write("</TD></TR></TABLE>");
document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>");
}
function MakeItems(Folder)
{
var items=0;
while(Folder[items+1])
items+=5;
items/=5;
for(var i=1;i<items*5;i+=5)
{
/*
if(Folder[i+1]=="BREAK") {
document.write("<TD NOWRAP ID=break><HR></TD>");
}
else {
document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>");
}
*/
document.write("<TR><TD NOWRAP"+((Folder[i+0]=="none")?"":" ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=\"go(1,'"+Folder[i+3]+"')\"")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");
//alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");
}
}
function go(i,iurl) {
switch (i)
{
case 1 : parent.location=iurl;break; //返回首页
case 2 : top.main.location='login.htm';break; //登录
case 3 : top.main.location='shenqing.htm';break; //注册
case 4 : top.main.location='addnew.asp';break; //增加新贴
case 5 : top.main.location='index1.asp';break; //第一页
case 6 : //上一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("ppage").value;
else
obj.location="index1.asp";
break;
case 7 : //下一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("npage").value;
else
obj.location="index1.asp";
break;
case 8 : //最后一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("epage").value;
else
obj.location="index1.asp";
break;
case 9: top.main.location='editinfo.asp';break;
case 10: top.main.location='quit.asp';break;
case 11: top.main.location='userinfo.asp';break;
case 12:
var newwin=top.open("../../../../waha.3322.net/default.htm");
newwin.focus();
break;
}
}
make_menu();
</script>
if (lastHighlight==null) {
itemCell = menuActive._childItem
curRow = itemCell.rows.length-1
curCell= itemCell.rows[curRow].cells.length-1
}
else {
itemCell = getRootTable(lastHighlight)
if (lastHighlight.cellIndex==0) {
curRow = getElement(lastHighlight,"TR").rowIndex-1
if (curRow==-1)
curRow = itemCell.rows.length-1
curCell= itemCell.rows[curRow].cells.length-1
} else {
curCell = lastHighlight.cellIndex - 1
curRow = getElement(lastHighlight,"TR").rowIndex
}
}
doHighlight(itemCell.rows[curRow].cells[curCell])
break;
if (lastHighlight==null) {
curCell = menuActive._childItem
curRow = curCell.rows.length-1
}
else {
curCell = getRootTable(lastHighlight)
if (getElement(lastHighlight,"TR").rowIndex==0)
curRow = curCell.rows.length-1
else
curRow = getElement(lastHighlight,"TR").rowIndex-1
}
doHighlight(curCell.rows[curRow].cells[0])
break;
}
}
}
function make_menu() {
document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'>");
document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>");
document.write("<TABLE ID=menuBar ONSELECTSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR>");
j=1;
while(eval("window.OutBarFolder"+j))
j++;
i=1;
while(i<j)
{
Folder=eval("OutBarFolder"+i)
document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>");
MakeItems(Folder);
document.write("</TABLE>");
i++;
}
document.write("</TD></TR></TABLE>");
document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>");
}
function MakeItems(Folder)
{
var items=0;
while(Folder[items+1])
items+=5;
items/=5;
for(var i=1;i<items*5;i+=5)
{
/*
if(Folder[i+1]=="BREAK") {
document.write("<TD NOWRAP ID=break><HR></TD>");
}
else {
document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>");
}
*/
document.write("<TR><TD NOWRAP"+((Folder[i+0]=="none")?"":" ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=\"go(1,'"+Folder[i+3]+"')\"")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");
//alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"":"ID='"+Folder[i+0]+"'")+((Folder[i+3]=="none")?"":" onclick=go(1,'"+Folder[i+3]+"')")+">"+((Folder[i+1]=="default")?"":"<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default")?"":"</font>")+"</TD></TR>");
}
}
function go(i,iurl) {
switch (i)
{
case 1 : parent.location=iurl;break; //返回首页
case 2 : top.main.location='login.htm';break; //登录
case 3 : top.main.location='shenqing.htm';break; //注册
case 4 : top.main.location='addnew.asp';break; //增加新贴
case 5 : top.main.location='index1.asp';break; //第一页
case 6 : //上一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("ppage").value;
else
obj.location="index1.asp";
break;
case 7 : //下一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("npage").value;
else
obj.location="index1.asp";
break;
case 8 : //最后一页
var obj=top.main
var str=obj.location.href;
if(str.indexOf("index1")>0)
obj.location="index1.asp@page="+obj.document.all("epage").value;
else
obj.location="index1.asp";
break;
case 9: top.main.location='editinfo.asp';break;
case 10: top.main.location='quit.asp';break;
case 11: top.main.location='userinfo.asp';break;
case 12:
var newwin=top.open("../../../../waha.3322.net/default.htm");
newwin.focus();
break;
}
}
make_menu();
</script>
huang 2004-07-25
- 打赏
- 举报
我邮箱是huangwulan@163.com
woyingjie 2004-07-24
- 打赏
- 举报
function removeHighlight(el) {
if (el!=null)
if ((el.className=="disabled") || (el.className=="disabledhighlight"))
el.className="disabled"
else
el.className=""
}
function cleanupMenu(el) {
if (el==null) return
for (var i = 0; i < el.all.length; i++) {
var item = el.all[i]
if (item.tagName=="TABLE")
item.style.display = ""
removeHighlight(item.active)
item.active=null
}
}
function closeMenu(ch, el) {
var start = ch
while (ch.className!="root") {
ch = ch.parentElement
if (((!ch.contains(el)) && (ch.className!="root"))) {
start=ch
}
}
cleanupMenu(start)
}
function checkMenu() {
if (document.all.menuBar==null) return
if ((!document.all.menuBar.contains(event.srcElement)) && (menuActive!=null)) {
clearHighlight(menuActive)
closeMenu(menuActive)
active = false
menuActive=null
choiceActive = null
}
}
function doCheckOut() {
var el = event.toElement
if ((!active) && (menuActive!=null) && (!menuActive.contains(el))) {
clearHighlight(menuActive)
menuActive=null
}
}
function processKey() {
if (active) {
switch (event.keyCode) {
case 13: lastHighlight.click(); break;
case 39: // right
if ((lastHighlight==null) || (lastHighlight._childItem==null)) {
var idx = menuActive.cellIndex
// if (idx==menuActive.offsetParent.cells.length-2)
if (idx==getElement(menuActive,"TR").cells.length-2)
idx = 0
else
idx++
newItem = getElement(menuActive,"TR").cells[idx]
} else
{
newItem = lastHighlight._childItem.rows[0].cells[0]
}
doHighlight(newItem)
break;
case 37: //left
if ((lastHighlight==null) || (getElement(getRootTable(lastHighlight),"TR").id=="menuBar")) {
var idx = menuActive.cellIndex
if (idx==0)
idx = getElement(menuActive,"TR").cells.length-2
else
idx--
newItem = getElement(menuActive,"TR").cells[idx]
} else
{
newItem = getElement(lastHighlight,"TR")
while (newItem.tagName!="TD")
newItem = newItem.parentElement
}
doHighlight(newItem)
break;
case 40: // down
if (lastHighlight==null) {
itemCell = menuActive._childItem
curCell=0
curRow = 0
}
else {
itemCell = getRootTable(lastHighlight)
if (lastHighlight.cellIndex==getElement(lastHighlight,"TR").cells.length-1) {
curCell = 0
curRow = getElement(lastHighlight,"TR").rowIndex+1
if (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1)
curRow = 0
} else {
curCell = lastHighlight.cellIndex+1
curRow = getElement(lastHighlight,"TR").rowIndex
}
}
doHighlight(itemCell.rows[curRow].cells[curCell])
break;
if (el!=null)
if ((el.className=="disabled") || (el.className=="disabledhighlight"))
el.className="disabled"
else
el.className=""
}
function cleanupMenu(el) {
if (el==null) return
for (var i = 0; i < el.all.length; i++) {
var item = el.all[i]
if (item.tagName=="TABLE")
item.style.display = ""
removeHighlight(item.active)
item.active=null
}
}
function closeMenu(ch, el) {
var start = ch
while (ch.className!="root") {
ch = ch.parentElement
if (((!ch.contains(el)) && (ch.className!="root"))) {
start=ch
}
}
cleanupMenu(start)
}
function checkMenu() {
if (document.all.menuBar==null) return
if ((!document.all.menuBar.contains(event.srcElement)) && (menuActive!=null)) {
clearHighlight(menuActive)
closeMenu(menuActive)
active = false
menuActive=null
choiceActive = null
}
}
function doCheckOut() {
var el = event.toElement
if ((!active) && (menuActive!=null) && (!menuActive.contains(el))) {
clearHighlight(menuActive)
menuActive=null
}
}
function processKey() {
if (active) {
switch (event.keyCode) {
case 13: lastHighlight.click(); break;
case 39: // right
if ((lastHighlight==null) || (lastHighlight._childItem==null)) {
var idx = menuActive.cellIndex
// if (idx==menuActive.offsetParent.cells.length-2)
if (idx==getElement(menuActive,"TR").cells.length-2)
idx = 0
else
idx++
newItem = getElement(menuActive,"TR").cells[idx]
} else
{
newItem = lastHighlight._childItem.rows[0].cells[0]
}
doHighlight(newItem)
break;
case 37: //left
if ((lastHighlight==null) || (getElement(getRootTable(lastHighlight),"TR").id=="menuBar")) {
var idx = menuActive.cellIndex
if (idx==0)
idx = getElement(menuActive,"TR").cells.length-2
else
idx--
newItem = getElement(menuActive,"TR").cells[idx]
} else
{
newItem = getElement(lastHighlight,"TR")
while (newItem.tagName!="TD")
newItem = newItem.parentElement
}
doHighlight(newItem)
break;
case 40: // down
if (lastHighlight==null) {
itemCell = menuActive._childItem
curCell=0
curRow = 0
}
else {
itemCell = getRootTable(lastHighlight)
if (lastHighlight.cellIndex==getElement(lastHighlight,"TR").cells.length-1) {
curCell = 0
curRow = getElement(lastHighlight,"TR").rowIndex+1
if (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1)
curRow = 0
} else {
curCell = lastHighlight.cellIndex+1
curRow = getElement(lastHighlight,"TR").rowIndex
}
}
doHighlight(itemCell.rows[curRow].cells[curCell])
break;
woyingjie 2004-07-24
- 打赏
- 举报
function raiseMenu(el) {
el.style.borderLeft = "1px #08246B solid"
el.style.borderTop = "1px #08246B solid"
el.style.borderRight = "1px #08246B solid"
el.style.borderBottom = "1px #08246B solid"
el.style.background = "#B5BED6"
}
function clearHighlight(el) {
if (el==null) return
el.style.borderRight = "1px lightgrey solid"
el.style.borderBottom = "1px lightgrey solid"
el.style.borderTop = "1px lightgrey solid"
el.style.borderLeft = "1px lightgrey solid"
el.style.background = "rgb(212,208,200)"
}
function sinkMenu(el) {
el.style.borderRight = "1px #EEEEEE solid"
el.style.borderBottom = "1px #EEEEEE solid"
el.style.borderTop = "1px gray solid"
el.style.borderLeft = "1px gray solid"
el.style.background = "rgb(212,208,200)"
}
function menuHandler(menuItem) {
// Write generic menu handlers here!
// Returning true collapses the menu. Returning false does not collapse the menu
return true
}
function getOffsetPos(which,el,tagName) {
var pos = 0 // el["offset" + which]
while (el.tagName!=tagName) {
pos+=el["offset" + which]
el = el.offsetParent
}
return pos
}
function getRootTable(el) {
el = el.offsetParent
if (el.tagName=="TR")
el = el.offsetParent
return el
}
function getElement(el,tagName) {
while ((el!=null) && (el.tagName!=tagName) )
el = el.parentElement
return el
}
function processClick() {
var el = getReal(event.srcElement)
if ((getRootTable(el).id=="menuBar") && (active)) {
cleanupMenu(menuActive)
clearHighlight(menuActive)
active=false
lastHighlight=null
doHighlight(el)
}
else {
if ((el.className=="root") || (!menuHandler(el)))
doMenuDown(el)
else {
if (el._childItem==null)
el._childItem = getChildren(el)
if (el._childItem!=null) return;
if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear")) {
if (menuHandler(el)) {
cleanupMenu(menuActive)
clearHighlight(menuActive)
active=false
lastHighlight=null
}
}
}
}
}
function getChildren(el) {
var tList = el.children.tags("TABLE")
var i = 0
while ((i<tList.length) && (tList[i].tagName!="TABLE"))
i++
if (i==tList.length)
return null
else
return tList[i]
}
function doMenuDown(el) {
if (el._childItem==null)
el._childItem = getChildren(el)
if ((el._childItem!=null) && (el.className!="disabled") && (el.className!="disabledhighlight")) {
// Performance Optimization - Cache child element
ch = el._childItem
if (ch.style.display=="block") {
removeHighlight(ch.active)
return
}
ch.style.display = "block"
if (el.className=="root") {
ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2
ch.style.pixelLeft = el.offsetLeft + 1
if (ch.style.pixelWidth==0)
ch.style.pixelWidth = ch.rows[0].offsetWidth+50
sinkMenu(el)
active = true
menuActive = el
} else {
childActive = el
ch.style.pixelTop = getOffsetPos("Top",el,"TABLE") -3 // el.offsetTop + el.offsetParent.offsetTop - 3
ch.style.pixelLeft = el.offsetLeft + el.offsetWidth
if (ch.style.pixelWidth==0)
ch.style.pixelWidth = ch.offsetWidth+50
}
}
}
function doHighlight(el) {
el = getReal(el)
if ("root"==el.className) {
if ((menuActive!=null) && (menuActive!=el)) {
clearHighlight(menuActive)
}
if (!active) {
raiseMenu(el)
}
else
sinkMenu(el)
if ((active) && (menuActive!=el)) {
cleanupMenu(menuActive)
doMenuDown(el)
}
menuActive = el
lastHighlight=null
}
else {
if (childActive!=null)
if (!childActive.contains(el))
closeMenu(childActive, el)
if (("TD"==el.tagName) && ("clear"!=el.className)) {
var ch = getRootTable(el)
if (ch.active!=null) {
if (ch.active!=el) {
if (ch.active.className=="disabledhighlight")
ch.active.className="disabled"
else
ch.active.className=""
}
}
ch.active = el
lastHighlight = el
if ((el.className=="disabled") || (el.className=="disabledhighlight") || (el.id=="break"))
el.className = "disabledhighlight"
else {
if (el.id!="break") {
el.className = "highlight"
if (el._childItem==null)
el._childItem = getChildren(el)
if (el._childItem!=null) {
doMenuDown(el)
}
}
}
}
}
}
el.style.borderLeft = "1px #08246B solid"
el.style.borderTop = "1px #08246B solid"
el.style.borderRight = "1px #08246B solid"
el.style.borderBottom = "1px #08246B solid"
el.style.background = "#B5BED6"
}
function clearHighlight(el) {
if (el==null) return
el.style.borderRight = "1px lightgrey solid"
el.style.borderBottom = "1px lightgrey solid"
el.style.borderTop = "1px lightgrey solid"
el.style.borderLeft = "1px lightgrey solid"
el.style.background = "rgb(212,208,200)"
}
function sinkMenu(el) {
el.style.borderRight = "1px #EEEEEE solid"
el.style.borderBottom = "1px #EEEEEE solid"
el.style.borderTop = "1px gray solid"
el.style.borderLeft = "1px gray solid"
el.style.background = "rgb(212,208,200)"
}
function menuHandler(menuItem) {
// Write generic menu handlers here!
// Returning true collapses the menu. Returning false does not collapse the menu
return true
}
function getOffsetPos(which,el,tagName) {
var pos = 0 // el["offset" + which]
while (el.tagName!=tagName) {
pos+=el["offset" + which]
el = el.offsetParent
}
return pos
}
function getRootTable(el) {
el = el.offsetParent
if (el.tagName=="TR")
el = el.offsetParent
return el
}
function getElement(el,tagName) {
while ((el!=null) && (el.tagName!=tagName) )
el = el.parentElement
return el
}
function processClick() {
var el = getReal(event.srcElement)
if ((getRootTable(el).id=="menuBar") && (active)) {
cleanupMenu(menuActive)
clearHighlight(menuActive)
active=false
lastHighlight=null
doHighlight(el)
}
else {
if ((el.className=="root") || (!menuHandler(el)))
doMenuDown(el)
else {
if (el._childItem==null)
el._childItem = getChildren(el)
if (el._childItem!=null) return;
if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear")) {
if (menuHandler(el)) {
cleanupMenu(menuActive)
clearHighlight(menuActive)
active=false
lastHighlight=null
}
}
}
}
}
function getChildren(el) {
var tList = el.children.tags("TABLE")
var i = 0
while ((i<tList.length) && (tList[i].tagName!="TABLE"))
i++
if (i==tList.length)
return null
else
return tList[i]
}
function doMenuDown(el) {
if (el._childItem==null)
el._childItem = getChildren(el)
if ((el._childItem!=null) && (el.className!="disabled") && (el.className!="disabledhighlight")) {
// Performance Optimization - Cache child element
ch = el._childItem
if (ch.style.display=="block") {
removeHighlight(ch.active)
return
}
ch.style.display = "block"
if (el.className=="root") {
ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2
ch.style.pixelLeft = el.offsetLeft + 1
if (ch.style.pixelWidth==0)
ch.style.pixelWidth = ch.rows[0].offsetWidth+50
sinkMenu(el)
active = true
menuActive = el
} else {
childActive = el
ch.style.pixelTop = getOffsetPos("Top",el,"TABLE") -3 // el.offsetTop + el.offsetParent.offsetTop - 3
ch.style.pixelLeft = el.offsetLeft + el.offsetWidth
if (ch.style.pixelWidth==0)
ch.style.pixelWidth = ch.offsetWidth+50
}
}
}
function doHighlight(el) {
el = getReal(el)
if ("root"==el.className) {
if ((menuActive!=null) && (menuActive!=el)) {
clearHighlight(menuActive)
}
if (!active) {
raiseMenu(el)
}
else
sinkMenu(el)
if ((active) && (menuActive!=el)) {
cleanupMenu(menuActive)
doMenuDown(el)
}
menuActive = el
lastHighlight=null
}
else {
if (childActive!=null)
if (!childActive.contains(el))
closeMenu(childActive, el)
if (("TD"==el.tagName) && ("clear"!=el.className)) {
var ch = getRootTable(el)
if (ch.active!=null) {
if (ch.active!=el) {
if (ch.active.className=="disabledhighlight")
ch.active.className="disabled"
else
ch.active.className=""
}
}
ch.active = el
lastHighlight = el
if ((el.className=="disabled") || (el.className=="disabledhighlight") || (el.id=="break"))
el.className = "disabledhighlight"
else {
if (el.id!="break") {
el.className = "highlight"
if (el._childItem==null)
el._childItem = getChildren(el)
if (el._childItem!=null) {
doMenuDown(el)
}
}
}
}
}
}
woyingjie 2004-07-24
- 打赏
- 举报
<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 {
BACKGROUND-COLOR: menu;
BORDER-LEFT: buttonhighlight 1px solid;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
FONT-SIZE: 1px;
HEIGHT: 22px;
POSITION: absolute;
TOP: 1px;
WIDTH: 3px
}
#menubar .yToolbar {
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: buttonshadow 1px solid;
BORDER-LEFT: buttonhighlight 1px solid;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
HEIGHT: 27px;
LEFT: 0px;
POSITION: relative;
TOP: 0px;
}
.handbtn {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; HEIGHT: 21px; WIDTH: 3px
}
.sepbtn1 {
BORDER-LEFT: buttonshadow 1px ridge; BORDER-RIGHT: buttonhighlight 1px solid; 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","_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"
);
OutBarFolder3=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"
);
var childActive = null
var menuActive = null
var lastHighlight = null
var active = false
function getReal(el) {
// Find a table cell element in the parent chain */
temp = el
while ((temp!=null) && (temp.tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) {
if (temp.tagName=="TD")
el = temp
temp = temp.parentElement
}
return el
}
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 {
BACKGROUND-COLOR: menu;
BORDER-LEFT: buttonhighlight 1px solid;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
FONT-SIZE: 1px;
HEIGHT: 22px;
POSITION: absolute;
TOP: 1px;
WIDTH: 3px
}
#menubar .yToolbar {
BACKGROUND-COLOR: menu;
BORDER-BOTTOM: buttonshadow 1px solid;
BORDER-LEFT: buttonhighlight 1px solid;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
HEIGHT: 27px;
LEFT: 0px;
POSITION: relative;
TOP: 0px;
}
.handbtn {
BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; HEIGHT: 21px; WIDTH: 3px
}
.sepbtn1 {
BORDER-LEFT: buttonshadow 1px ridge; BORDER-RIGHT: buttonhighlight 1px solid; 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","_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"
);
OutBarFolder3=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"
);
var childActive = null
var menuActive = null
var lastHighlight = null
var active = false
function getReal(el) {
// Find a table cell element in the parent chain */
temp = el
while ((temp!=null) && (temp.tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) {
if (temp.tagName=="TD")
el = temp
temp = temp.parentElement
}
return el
}
ghy412 2004-07-24
- 打赏
- 举报
邮箱给我，我发给你！
huang 2004-07-24
- 打赏
- 举报
http://www.pconline.com.cn/pcedu/redian/design/0404/355273.html
做出来象这种效果的.
做出来象这种效果的.
woyingjie 2004-07-24
- 打赏
- 举报
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var refer=true;
function combo() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}
}
// End -->
</script>
<table align="center">
<tr><td>
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">请选择一个链接</font>
</td>
<td align="right" width="15">
<img src="photo/combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">
<a href="http://www.jzzy.com" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">建站资源网</a><br>
<a href="http://www.163.com/" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">网易</a><br>
<a href="http://www.sohu.com/" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">搜狐</a><br></font>
</td>
</tr>
</table>
</td></tr>
</table>
<!-- Begin
var refer=true;
function combo() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}
}
// End -->
</script>
<table align="center">
<tr><td>
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">请选择一个链接</font>
</td>
<td align="right" width="15">
<img src="photo/combo_arrow.gif" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">
<a href="http://www.jzzy.com" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">建站资源网</a><br>
<a href="http://www.163.com/" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">网易</a><br>
<a href="http://www.sohu.com/" target="_blank"> <img src="photo/bullet2.gif" border="0" width="8" height="8">搜狐</a><br></font>
</td>
</tr>
</table>
</td></tr>
</table>
