<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>一个类Explorer菜单</title> <style type="text/css"> <!-- .Group { font-family: "宋体"; font-size: 12px; background-image: url(images/center.gif); height: 22px; } .GroupLeft { background-image: url(images/left.gif); height: 22px; width:6px; } .GroupRight { background-image: url(images/right.gif); height: 22px; width:6px; } .MenuItem { font-family: "宋体"; font-size: 12px; cursor:hand; } --> </style> <script language="javascript"> var popUpWin=0; function popUpWindow(URLStr, left, top, width, height) { if(popUpWin) { if(!popUpWin.closed) popUpWin.close(); } popUpWin = open(URLStr, 'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+', top='+top+',screenX='+left+',screenY='+top+''); } function messageWindow(title, msg) { var width="300", height="125"; var left = (screen.width/2) - width/2; var top = (screen.height/2) - height/2; var styleStr = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no,copyhistory=yes,width='+width+',height='+height+',left='+left+',top='+top+',screenX='+left+',screenY='+top; var msgWindow = window.open("","msgWindow", styleStr); var head = '<head><title>'+title+'</title></head>'; var body = '<center>'+msg+'<br><p><form><input type="button" value=" Done " onClick="self.close()"></form>'; msgWindow.document.write(head + body); } function OpenMenu(MenuID) { var obj = document.getElementById('Menu'+MenuID); var grpobj=document.getElementById('Group'+MenuID); current = (obj.style.display == 'none') ? '' : 'none'; if(current=='none') { grpobj.src ='images/downarrows_white.gif'; } else grpobj.src ='images/uparrows_white.gif'; obj.style.display = current; } </script> </head>
<body> <table width="150" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="GroupLeft"> </td> <td width="138" class="Group"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="85%" height="21">资料查询</td> <td width="15%"><img src="images/uparrows_white.gif" width="16" height="16" id="Group1" onClick="OpenMenu('1')" style="cursor:hand"></td> </tr> </table></td> <td class="GroupRight"> </td> </tr > <tr id="Menu1" bgcolor="#F0F0F0"> <td> </td> <td><div class="MenuItem"> <li onMouseOver="this.style.color='#FF9933'" onMouseOut="this.style.color =''" onClick="messageWindow('Hello','Are you OK?')">查询用户</li> <li onMouseOver="this.style.color='#FF9933'" onMouseOut="this.style.color =''" onClick="popUpWindow('index.htm',0,0,800,600)">合同查询</li> <li onMouseOver="this.style.color='#FF9933'" onMouseOut="this.style.color =''">预付款查询</li> <li onMouseOver="this.style.color='#FF9933'" onMouseOut="this.style.color =''">发展人查询</li> </div> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
|