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

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">  </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

查看全文

相关阅读:
解决uc浏览器不支持vw单位的方法
 调整网页适应移动端设备
 鼠标滚轮事件
 Sublime Text 3 快捷键总结（拿走）
HTML+CSS图文排版
 焦点轮播图（一）
前端各种库的在线引入地址
 HTML表格的基本操作
 23 服务的绑定启动Demo3
23 服务的启动Demo2

原文地址：https://www.cnblogs.com/Dicky/p/194376.html