Chinaren校友录所用的左边弹出式菜单
Chinaren校友录所用的左边弹出式菜单 代码如下:
<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 pagefunction 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;} elsealert ('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));elsewindow.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));elsewindow.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 style='position: absolute; top: ' + vpos + ';'> ');if(subopts>1){document.writeln ('<span id='menuhead'+x+'' unselectable='on'>'+t[0]+'</a></span>');}else{if(cc!=200){document.writeln ('<span id='menuhead'+x+'' unselectable='on' style='color:#000000'>·'+t[0]+'</span>');}else{document.writeln ('<span id='menuhead'+x+'' unselectable='on'>'+t[0]+'</span>');}}if(subopts>1) document.writeln ('<span id='menu'+x+'' width=''+t[2]+'' border='0' cellspacing='0' cellpadding='0'>');} else {document.writeln ('<tr><td 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.onmouseover=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 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 全选 提示:你可先修改部分代码,再点运行代码]
