代码如下:
<html> <head> <title>Chinaren校友录所用的左边弹出式菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> .cla2 {font-size: 12px;line-height: 18px;color:#FF6600;text-decoration: none;} TD {FONT-SIZE: 12px} /*弹出菜单所用CSS样式*/ .menuspan { CURSOR: hand; POSITION: absolute} .menuhead { PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体} .menuheadx { PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体} .menuhead_open {BORDER: #FED070 1px solid; FONT-SIZE: 12px; FONT-FAMILY: 宋体 ;COLOR: #FF6600;Z-INDEX: 1; BACKGROUND: #E9FFD8;PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; WIDTH: 88px; PADDING-TOP: 2px; } .menuhead_opensub { BORDER-TOP: #FED070 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #FF6600; Z-INDEX: 1; BACKGROUND: #E9FFD8; PADDING-BOTTOM: 0px; BORDER-LEFT: #FED070 1px solid; WIDTH: 88px; PADDING-TOP: 2px; BORDER-BOTTOM: #FED070 1px solid; FONT-FAMILY: 宋体 } .menuhead_click {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体} .menuhead_clicksub {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体} .menu {COLOR: #FF6600; BORDER-RIGHT: #FFCF70 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFCF70 1px solid; PADDING-LEFT: 2px; Z-INDEX: -1; BACKGROUND: #E9FFD6; LEFT: 99px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: #FFCF70 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #FFCF70 1px solid; POSITION: absolute} .menuopt {COLOR: #FF6600; BORDER-RIGHT: #E9FFD6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #E9FFD6 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 1px; BORDER-LEFT: #E9FFD6 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #E9FFD6 1px solid; FONT-FAMILY: 宋体} .menuopt_over {PADDING-RIGHT: 1px;PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px;COLOR: #FE6700; PADDING-TOP: 2px;FONT-FAMILY: 宋体} .menuopt_click {PADDING-RIGHT: 1px;PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px;COLOR: #FE6700; PADDING-TOP: 2px;FONT-FAMILY: 宋体} /*弹出菜单所用CSS样式*/ </style> <SCRIPT LANGUAGE="JavaScript"> <!-- var current = null; // indicating current page function expand(id) { var target = document.getElementById(id); if (!target) return; if (current) { current.style.display = "none"; } current=target; target.style.display="block"; } /* * This is called from the right window to update the folder list * The input is the fragment of html to be inserted to tablist.z */ function updateFolderList(s) { var target = document.getElementById('tablist.z'); if (target) { target.innerHTML = s; } else alert ('cannot find tablist.z'); } menuopen=-1; menuurlprefix=''; function findObj(n) { var x; d=document; if(!(x=d[n])&&d.all) x=d.all[n]; if(!x && d.getElementById) x=d.getElementById(n); return x; } function hidemenu(menuid) { menuobj=findObj("menu"+menuid) menuheadobj=findObj("menuhead"+menuid) if(!menuheadobj)return; if (menuobj) { menuobj.style.visibility='hidden'; } menuheadobj.className='menuhead'; menuopen=-1; } function showmenu(menuid) { menuobj=findObj("menu"+menuid); menuheadobj=findObj("menuhead"+menuid) if(!menuheadobj)return; if (menuobj) { dh=document.body.clientHeight; menupos=menuheadobj.parentElement.offsetTop-document.body.scrollTop; menuheight=menuobj.clientHeight; if((menupos+menuheight>dh)&&(menupos>0)) { menutop=dh-(menuheight+menupos)-2; if (menutop<-menupos) menutop=-menupos; menuobj.style.top=menutop; } else { menuobj.style.top=0; } menuobj.style.visibility='visible'; //menuobj.filters.opacity=55; //menutobj.filters.opacity=55; menuheadobj.className='menuhead_opensub'; } else { menuheadobj.className='menuhead_open'; } menuopen=menuid; } function menuhead_rollon() { o=window.event.srcElement; openmenuid=o.id.substr(8); if(menuopen>=0) hidemenu(menuopen); showmenu(openmenuid); } function menu_rollon() { o=window.event.srcElement; if (o.className == "menuopt") o.className = "menuopt_over"; } function menu_rolloff() { o=window.event.srcElement; if (o.className.substring(0,7) == "menuopt") o.className = "menuopt"; } function menu_mousedown() { o=window.event.srcElement; if (o.className == "menuopt_over") o.className = "menuopt_click"; if (o.className == "menuhead_open") o.className = "menuhead_click"; if (o.className == "menuhead_opensub") o.className = "menuhead_clicksub"; } function menu_mouseup() { o=window.event.srcElement; if (o.className == "menuopt_click") o.className = "menuopt_over"; if (o.className == "menuhead_click") o.className = "menuhead_open"; if (o.className == "menuhead_clicksub") o.className = "menuhead_opensub"; } function menu_mouseclick() { o=window.event.srcElement; if (o.className == "menuopt_over") { menusubid=o.id.split("."); menuid=menusubid[0]; menuoptid=menusubid[1]; t=menuoptions[menuid][menuoptid].split('|'); newurl=t[1]; if (newurl.substr(0,7)!='http://') newurl=menuurlprefix + newurl; if (newurl.substr(0,3)=='js:') eval(newurl.substr(3,newurl.length)); else window.location=newurl; } else if ((o.className == "menuhead_open")||(o.className == "menuhead_opensub")) { menuid=o.id.substr(8); t=menuoptions[menuid][0].split('|'); newurl=t[1]; if (newurl.substr(0,7)!='http://') newurl=menuurlprefix + newurl; if (newurl.substr(0,3)=='js:') eval(newurl.substr(3,newurl.length)); else window.location=newurl; } } function document_mouseover() { if(menuopen>=0) { o=window.event.srcElement; menuobj=findObj("menu"+menuopen); if (menuobj) { if ((menuobj.style.visibility == "visible")&&(o.id.length==0)) hidemenu(menuopen); } else { menuobj=findObj("menuhead"+menuopen); if ((menuobj.className == "menuhead_open")&&(o.id.length==0)) menuobj.className="menuhead"; } } } function menu_build() { for (x in menuoptions) { subopts=menuoptions[x].length; //vpos=265+(x*17); vpos=55+(x*20); for (y in menuoptions[x]) { t=menuoptions[x][y].split('|'); if(y==0) { cc=t[2]; document.write ('<span class="menuspan" style="position: absolute; top: ' + vpos + ';"> '); if(subopts>1){ document.writeln ('<span class="menuhead" id="menuhead'+x+'" unselectable="on">'+t[0]+'</a></span>'); }else{ if(cc!=200){ document.writeln ('<span class="menuheadx" id="menuhead'+x+'" unselectable="on" style="color:#000000">·'+t[0]+'</span>'); }else{ document.writeln ('<span class="menuhead" id="menuhead'+x+'" unselectable="on">'+t[0]+'</span>'); } } if(subopts>1) document.writeln ('<span id="menu'+x+'" class="menu"><table width="'+t[2]+'" border="0" cellspacing="0" cellpadding="0">'); } else { document.writeln ('<tr><td class="menuopt" id="'+x+'.'+y+'" unselectable="on">'+t[0]+'</td></tr>'); } } if(subopts>1) document.writeln('</table></span>'); document.write('</span>'); } } function menu_addevents() { for (x in menuoptions) { className = eval('menuhead'+x+'.className'); if(className == 'menuhead')eval('menuhead'+x+'.onmouseover = menuhead_rollon'); if(className == 'menuhead')eval('menuhead'+x+'.onmousedown = menu_mousedown'); if(className == 'menuhead')eval('menuhead'+x+'.onmouseup = menu_mouseup'); if(className == 'menuhead')eval('menuhead'+x+'.onclick = menu_mouseclick'); if (menuoptions[x].length>1) { className = eval('menu'+x+'.className'); if(className == 'menu')eval('menu'+x+'.onmouseout = menu_rolloff'); if(className == 'menu')eval('menu'+x+'.onmouseover = menu_rollon'); if(className == 'menu')eval('menu'+x+'.onmousedown = menu_mousedown'); if(className == 'menu')eval('menu'+x+'.onmouseup = menu_mouseup'); if(className == 'menu')eval('menu'+x+'.onclick = menu_mouseclick'); } } document.οnmοuseοver=document_mouseover; } //--> </SCRIPT> </head> <body> <table width=114 height=22 border=0 cellpadding=0 cellspacing=2 background=http://images.sohu.com/cs/sms/alumni3/images/cla_bg3.gif> <tr> <td align=center valign=bottom>我的校友录</td> </tr> </table> <table width=114 border=0 cellpadding=0 cellspacing=0> <tr> <td class=cla2 align=center> Hello,Dicky! </td> </tr> </table> <TABLE width=114 border=0 cellPadding=0 cellSpacing=0> <TBODY> <TR vAlign=top> <TD> <SCRIPT language=Javascript> menuoptions=new Array( new Array('个人设置|#'), new Array(' 收件箱<font color=red style="font-size:10px"></font> |js:openit_mail()|200'), new Array(' 修改密码 |http://log2.chinaren.com/zhs/chpass.jsp|200'), new Array(' 绑定手机 |http://alumni.chinaren.com/class/user_mobile.jsp|200'), new Array('学生生涯|#'), new Array(' 我的大学 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/school/school_search.jsp?schooltype=6|175','盐城老乡会|/class/class_index.jsp?classuuid=2817034545010205664','信息工程系98222|/class/class_index.jsp?classuuid=2815032345892731269','盐城师范学院数学系98(3)班|/class/class_index.jsp?classuuid=2815032345954563666','信工系98226班|/class/class_index.jsp?classuuid=2815032345976764092','98计算机系|/class/class_index.jsp?classuuid=221530','搜索新的大学班级|/school/school_search.jsp?schooltype=6'), new Array(' 我的中学 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/school/school_search.jsp?schooltype=4|136','1995年入学的高三(8)班|/class/class_index.jsp?classuuid=2815032345911019669','高三(4)班|/class/class_index.jsp?classuuid=2815032345894931767','八班|/class/class_index.jsp?classuuid=2815032345897646845','高三八班|/class/class_index.jsp?classuuid=2815032345897648547','响水县中学高三(8)班 |/class/class_index.jsp?classuuid=2815032345919416808','搜索新的中学班级|/school/school_search.jsp?schooltype=4'), new Array(' 我的小学 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/school/school_search.jsp?schooltype=1|120','搜索新的小学班级|/school/school_search.jsp?schooltype=1'), new Array(' 其他班级 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/school/school_search.jsp?schooltype=7|120','搜索其他类型的班级|/school/school_search.jsp?schooltype=7'), new Array(' 我的论坛 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>||90','社区精华|http://club.chinaren.com/bbs/index.jsp?boardid=63','型男索女|http://club.chinaren.com/bbs/index.jsp?boardid=4','贴贴图图|http://club.chinaren.com/bbs/index.jsp?boardid=13','情感世界|http://club.chinaren.com/bbs/index.jsp?boardid=8','才毕业|http://club.chinaren.com/bbs/index.jsp?boardid=12','漂在海外|http://club.chinaren.com/bbs/index.jsp?boardid=11'), new Array(' 最近访问 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/school/school_search.jsp|120','搜索班级|/school/school_search.jsp'), new Array('增值特区|#'), new Array(' 手机校友录 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/mobile/sms_alumni.jsp|100', '定制手机校友录|js:sms_sub_1(1,1,\'0\')', '手机发表留言|/mobile/sms_alumni.jsp#send', '班级留言提醒|/mobile/sms_alumni.jsp#msg', '同学生日提醒|/mobile/sms_alumni.jsp#birthday', '新同学加入提醒|/mobile/sms_alumni.jsp#join', '上传新图片提醒|/mobile/sms_alumni.jsp#pic' ), new Array(' 星级会员 <img src=http://images.sohu.com/cs/sms/alumni3/images/cla_bg31.gif width=3 height=5>|/vip/vip_index.jsp|100', '星级会员首页|/vip/vip_index.jsp', '多彩留言|/vip/vip_colorword.jsp', '友情留言|/vip/vip_friendword.jsp', '地址导出|/vip/vip_exportaddr.jsp', '留言下载|/vip/vip_exportmsg.jsp', '短信提醒|/vip/vip_reminder.jsp', '尊贵署名|/vip/vip_banner.jsp', '相册增容|/vip/vip_album.jsp', '短信宝贝|/vip/vip_baby.jsp' ), new Array('强档功能|#'), new Array(' 客服论坛 |js:openit2()|200'), new Array(' 校花爬行榜 |http://roster.chinaren.com|200'), new Array(' 清新五分钟 |js:openit1()|200') ); menu_build(); menu_addevents(); </SCRIPT> </TD> </TR> </TBODY> </TABLE> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
转载于:https://www.cnblogs.com/Dicky/archive/2005/07/17/194376.html