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
查看全文
相关阅读:
ndk的注意事项
git
centos 7 linux x64
linuxGame:文明5汉化
pycharm something
linux soft
jsfl脚本设置导出AS链接名遇到的奇怪问题
jsfl调整笔刷的笔触和颜色
[转]FINDSTR正则表达式小结
[转]关于SVN的操作批处理示例
原文地址:https://www.cnblogs.com/Dicky/p/194376.html
最新文章
E:无法修正错误,因为您要求某些软件包保持现状,就是它们破坏了软件包间的依赖关系
drozer使用
kali 下安装 vmtools
开源敏捷测试管理& 开源BUG跟踪管理软件itest(爱测试) V3.3.0隆重发布
流程及迭代驱动测试管理软件, itest 发布到开源中国
上云测试,这些关键点你get 到没有
devops 下测试组织管理面临的挑战及应对
分布式团队中沟通引发的问题, itest 解决之道
itest 开源测试管理项目中封装的下拉列表小组件:实现下拉列表使用者前后端0行代码
spring JdbcTemplate 在itest 开源测试管理项目中的浅层(5个使用场景)封装
热门文章
软件测试自动化的最新趋势对开源测试管理软件ITEST的启示
Itest(爱测试),最懂测试人的开源测试管理, 开源BUG跟踪管理软件隆重发布
(原创)spring mvc和jersey rest 组合使用时单例对像实例化两次的BUG及解决办法
.net core 使用 redis
DotNetCore 定时服务 HangFire
授人以渔不如授人以鱼
程序员对爱情的单元测试
android打开存储卡(TF卡SD卡)中的sqlite文件
USB AUDIO Device CLASS Requests
【转载】Please configure Android Sdk(android studio)解决办法
Copyright © 2011-2022 走看看