代码如下:
<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.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 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 全选 提示:你可先修改部分代码,再点运行代码]