分享
 
 
 

Chinaren校友录所用的左边弹出式菜单

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

代码如下:

<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 + ';">&nbsp;&nbsp;');

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">&middot;'+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('&nbsp;&nbsp;收件箱<font color=red style="font-size:10px"></font>&nbsp;|js:openit_mail()|200'),

new Array('&nbsp;&nbsp;修改密码&nbsp;|http://log2.chinaren.com/zhs/chpass.jsp|200'),

new Array('&nbsp;&nbsp;绑定手机&nbsp;|http://alumni.chinaren.com/class/user_mobile.jsp|200'),

new Array('学生生涯|#'),

new Array('&nbsp;&nbsp;我的大学&nbsp;<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('&nbsp;&nbsp;我的中学&nbsp;<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('&nbsp;&nbsp;我的小学&nbsp;<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('&nbsp;&nbsp;其他班级&nbsp;<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('&nbsp;&nbsp;我的论坛&nbsp;<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('&nbsp;&nbsp;最近访问&nbsp;<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('&nbsp;&nbsp;手机校友录&nbsp;<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('&nbsp;&nbsp;星级会员&nbsp;<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('&nbsp;&nbsp;客服论坛&nbsp;|js:openit2()|200'),

new Array('&nbsp;&nbsp;校花爬行榜&nbsp;|http://roster.chinaren.com|200'),

new Array('&nbsp;&nbsp;清新五分钟&nbsp;|js:openit1()|200')

);

menu_build();

menu_addevents();

</SCRIPT>

</TD>

</TR>

</TBODY>

</TABLE>

</body>

</html>

[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有