zoukankan
html css js c++ java
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 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 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
信息安全系统设计基础第四周学习内容
信息安全系统设计基础第三周学习总结
第十二节 Linux下软件安装
第十一节 正则表达式基础
session的生命周期
session对象
什么是session
请求重定向和请求转发的关系
java web的response对象
java web中request对象(下)
原文地址:https://www.cnblogs.com/Dicky/p/194376.html
最新文章
python day 16 jieba库
python day 15 组合数据类型——字典
python day 14 组合数据类型——序列(元组和列表)
python day13 组合数据类型——集合
python day 12 科赫雪花
python day 11 汉诺塔问题
20191206第十二周《信息安全专业导论》学习总结
20191206《信息安全专业导论》第十一周学习总结
20191206第十周《信息安全导论》学习总结
20191206《信息安全导论》第九周学习总结
热门文章
《计算机科学概论》速读与提问
《浪潮之巅》读后感
20191302 《信息安全专业导论》第二周学习总结
《计算机科学概论》速读与提问
信息安全系统设计基础第九周总结
信息安全系统设计基础第八周总结
信息安全系统设计基础第七周学习总结
第三章家庭作业
信息安全系统设计基础第六周学习总结
信息安全系统设计基础第五周学习总结
Copyright © 2011-2022 走看看