The Code is as follows:
<Html> <br/> <pead> <br/> <title> left-side pop-up menu used by Chinaren logon </title> <br/> <meta http-equiv = "Content -Type "content =" text/html; charset = gb2312 "> <br/> <style> <br/>. cla2 {font-size: 12px; line-height: 18px; color: # FF6600; text-decoration: none ;}< br/> TD {FONT-SIZE: 12px} </p> <p>/* CSS style used in the pop-up menu */<br/>. menuspan {CURSOR: hand; POSITION: absolute} <br/>. menuhead {PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: # FF6600; PADDING-TOP: 3px; FONT-FAMILY:} <br/>. menuheadx {PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: # FF6600; PADDING-TOP: 3px; FONT-FAMILY:} <br/>. 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: 2 Px ;}< br/>. 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:} <br/>. menuhead_click {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: # E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: # FF6600; PADDING-TOP: 3px; FONT-FAMILY:} <br/>. menuhead_clicksub {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: # E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: # FF6600; PADDING-TOP: 3px; FONT-FAMILY:} <br/>. 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} <br/>. 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:} <br/>. menuopt_over {PADDING-RIGHT: 1px; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: # FFFFFF; PADDING-BOTTOM: 2px; COLOR: # FE6700; PADDING-TOP: 2px; FONT-FAMILY:} <br/>. menuopt_click {PADDING-RIGHT: 1px; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: # FFFFFF; PADDING-BOTTOM: 2px; COLOR: # FE6700; PADDING-TOP: 2px; FONT-FAMILY:} <br/>/* CSS style used in the pop-up menu */<br/> </style> </p> <P> <script language = "JavaScript"> <br/> <! -- <Br/> var current = null; // indicating current page <br/> function expand (id) {<br/> var target = document. getElementById (id); <br/> if (! Target) <br/> return; <br/> if (current) {<br/> current. style. display = "none"; <br/>}< br/> current = target; <br/> target. style. display = "block "; <br/>}</p> <p>/* <br/> * This is called from the right window to update the folder list <br/> * The input is fragment of html to be inserted to tablist. z <br/> */<br/> function updateFolderList (s) {<br/> var target = document. getElementById ('tablist. z'); <br /> If (target) {<br/> target. innerHTML = s; <br/>}else <br/> alert ('cannot find tablist. z'); <br/>}</p> <p> menuopen =-1; <br/> menuurlprefix = ''; </p> <p> function findObj (n) {<br/> var x; </p> <p> d = document; <br/> if (! (X = d [n]) & d. all) x = d. all [n]; <br/> if (! X & d. getElementById) x = d. getElementById (n); <br/> return x; <br/>}</p> <p> function hidemenu (menuid) {<br/> menuobj = findObj ("menu" + menuid) <br/> menuheadobj = findObj ("menuhead" + menuid) <br/> if (! Menuheadobj) return; <br/> if (menuobj) {<br/> menuobj. style. visibility = 'den den '; <br/>}< br/> menuheadobj. className = 'menuhead'; </p> <p> menuopen =-1; <br/>}</p> <p> function showmenu (menuid) {<br/> menuobj = findObj ("menu" + menuid); <br/> menuheadobj = findObj ("menuhead" + menuid) <br/> if (! Menuheadobj) return; <br/> if (menuobj) {<br/> dh = document. body. clientHeight; <br/> menupos = menuheadobj. parentElement. offsetTop-document.body.scrollTop; <br/> menuheight = menuobj. clientHeight; <br/> if (menupos + menuheight> dh) & (menupos> 0) {<br/> menutop = dh-(menuheight + menupos)-2; <br/> if (menutop <-menupos) menutop =-menupos; <br/> menuobj. style. top = menutop; <br/>}else {<br/> menuobj. style. top = 0; <br/>}</ P> <p> menuobj. style. visibility = 'visable'; <br/> // menuobj. filters. opacity = 55; <br/> // menutobj. filters. opacity = 55; </p> <p> menuheadobj. className = 'menuhead _ opensub'; <br/>} else {<br/> menuheadobj. className = 'menuhead _ open'; <br/>}</p> <p> menuopen = menuid; <br/>}</p> <p> function menuhead_rollon () {<br/> o = window. event. srcElement; <br/> openmenuid = o. id. substr (8); </p> <p> if (menuopen> = 0) hidemenu (menuopen); </p> <P> showmenu (openmenuid); <br/>}</p> <p> function menu_rollon () {<br/> o = window. event. srcElement; <br/> if (o. className = "menuopt") o. className = "menuopt_over"; <br/>}</p> <p> function menu_roaloff () {<br/> o = window. event. srcElement; <br/> if (o. className. substring (0, 7) = "menuopt") o. className = "menuopt"; <br/>}</p> <p> function menu_mousedown () {<br/> o = window. event. srcElement; <br/> if (o. className = "Menuopt_over") o. className = "menuopt_click"; <br/> if (o. className = "menuhead_open") o. className = "menuhead_click"; <br/> if (o. className = "menuhead_opensub") o. className = "menuhead_clicksub"; <br/>}</p> <p> function menu_mouseup () {<br/> o = window. event. srcElement; <br/> if (o. className = "menuopt_click") o. className = "menuopt_over"; <br/> if (o. className = "menuhead_click") o. classnm E = "menuhead_open"; <br/> if (o. className = "menuhead_clicksub") o. className = "menuhead_opensub"; <br/>}</p> <p> function menu_mouseclick () {<br/> o = window. event. srcElement; <br/> if (o. className = "menuopt_over") {<br/> menusubid = o. id. split (". "); <br/> menuid = menusubid [0]; <br/> menuoptid = menusubid [1]; <br/> t = menuoptions [menuid] [menuoptid]. split ('|'); <br/> newurl = t [1]; <br/> if (newurl. substr (0, 7 )! = 'HTTP: // ') newurl = menuurlprefix + newurl; <br/> if (newurl. substr (0, 3) = 'js: ') <br/> eval (newurl. substr (3, newurl. length); <br/> else <br/> window. location = newurl; <br/>} else if (o. className = "menuhead_open") | (o. className = "menuhead_opensub") {<br/> menuid = o. id. substr (8); <br/> t = menuoptions [menuid] [0]. split ('|'); <br/> newurl = t [1]; <br/> if (newurl. substr (0, 7 )! = 'HTTP: // ') newurl = menuurlprefix + newurl; <br/> if (newurl. substr (0, 3) = 'js: ') <br/> eval (newurl. substr (3, newurl. length); <br/> else <br/> window. location = newurl; <br/>}</p> <p> function document_mouseover () {<br/> if (menuopen> = 0) {<br/> o = window. event. srcElement; <br/> menuobj = findObj ("menu" + menuopen); <br/> if (menuobj) {<br/> if (menuobj. style. visibility = "visible") & (o. id. length = 0) hideme Nu (menuopen); <br/>} else {<br/> menuobj = findObj ("menuhead" + menuopen); <br/> if (menuobj. className = "menuhead_open") & (o. id. length = 0) menuobj. className = "menuhead"; <br/>}</p> <p> function menu_build () {<br/> for (x in menuoptions) {<br/> subopts = menuoptions [x]. length; <br/> // vpos = 265 + (x * 17); <br/> vpos = 55 + (x * 20 ); <br/> for (y in menuoptions [x]) {<br/> t = menuoptions [x] [y]. split ('|'); <Br/> if (y = 0) {<br/> cc = t [2]; <br/> document. write ('<span class = "menuspan" style = "position: absolute; top:' + vpos + ';"> & nbsp ;'); <br/> if (subopts> 1) {<br/> document. writeln ('<span class = "menuhead" id = "menuhead' + x + '" unselectable = "on">' + t [0] + '</a> </ span> '); <br/>} else {<br/> if (cc! = 200) {<br/> document. writeln ('<span class = "menuheadx" id = "menuhead' + x + '" unselectable = "on" style = "color: #000000"> & middot; '+ t [0] +' </span> '); <br/>} else {<br/> document. writeln ('<span class = "menuhead" id = "menuhead' + x + '" unselectable = "on">' + t [0] + '</span> '); <br/>}< br/> if (subopts> 1) document. writeln ('<span id = "menu' + x + '" class = "menu"> <table width = "' + t [2] + '" border = "0" cellspacing = "0" cellpadd Ing = "0"> '); <br/>} else {<br/> document. writeln ('<tr> <td class = "menuopt" id = "' + x + '. '+ y +' "unselectable =" on "> '+ t [0] +' </td> </tr> '); <br/>}< br/> if (subopts> 1) document. writeln ('</table> </span>'); <br/> document. write ('</span>'); <br/>}</p> <p> function menu_addevents () {<br/> for (x in menuoptions) {<br/> className = eval ('menuhead' + x + '. classname'); <br/> if (className = 'menuhead') eval ('m Enuhead '+ x + '. onmouseover = menuhead_rollon '); <br/> if (className = 'menuhead') eval ('menuhead' + x + '. onmousedown = menu_mousedown '); <br/> if (className = 'menuhead') eval ('menuhead' + x + '. onmouseup = menu_mouseup '); <br/> if (className = 'menuhead') eval ('menuhead' + x + '. onclick = menu_mouseclick'); <br/> if (menuoptions [x]. length> 1) {<br/> className = eval ('menu '+ x + '. classname'); <br/> if (className = 'menu') Eval ('menu '+ x + '. onmouseout = menu_roloff '); <br/> if (className = 'menu') eval ('menu '+ x + '. onmouseover = menu_rollon '); <br/> if (className = 'menu') eval ('menu '+ x + '. onmousedown = menu_mousedown '); <br/> if (className = 'menu') eval ('menu '+ x + '. onmouseup = menu_mouseup '); <br/> if (className = 'menu') eval ('menu '+ x + '. onclick = menu_mouseclick'); <br/>}< br/> document. onmouseover = document_mouseover; <Br/>}< br/> // --> <br/> </SCRIPT> <br/> </pead> </p> <body> <br /> <table width = 114 height = 22 border = 0 cellpadding = 0 cellspacing = 2 background = http://images.sohu.com/cs/sms/alumni3/images/cla_bg3.gif> <br/> <tr> <br/> <td align = center valign = bottom> my records </td> <br/> </tr> <br/> </table> <br/> <table width = 114 border = 0 cellpadding = 0 cellspacing = 0> <br/> <tr> <br/> <td class = cla2 align = center> <br/> Hello, D Icky! <Br/> </td> <br/> </tr> <br/> </table> <br/> <TABLE width = 114 border = 0 cellPadding = 0 cellSpacing = 0> <br/> <TBODY> <br/> <TR vAlign = top> <br/> <TD> <br/> <SCRIPT language = Javascript> <br/> menuoptions = new Array (<br/> new Array ('personal Settings | #'), <br/> new Array ('& nbsp; inbox <font color = red style = "font-size: 10px"> </font> & nbsp; | js: openit_mail () | 200 '), </p> <p> new Array (' & nbsp; Change Password & nbsp; | http://log2.chinare N.com/zhs/chpass.jsp | 200 '), <br/> new Array (' & nbsp; Bind mobile phone & nbsp; | http://alumni.chinaren.com/class/user_mobile.jsp | 200 '), <br/> new Array ('student career | # '), <br/> new Array (' & nbsp; my college & nbsp; |/school/school_search.jsp? Schooltype = 6 | 175 ', 'yancheng township club |/class/class_index.jsp? Classuuid = 2817034545010205664 ', 'department of Information Engineering 98222 |/class/class_index.jsp? Classuuid = 2815032345892731269 ', '98 (3) class of mathematics, Yancheng Normal University |/class/class_index.jsp? Classuuid = 100', 'work letter class 2815032345954563666 |/class/class_index.jsp? Classuuid = 2815032345976764092 ', '98 computer system |/class/class_index.jsp? Classuuid = 100', 'search for a new college class |/school/school_search.jsp? Schooltype = 6'), <br/> new Array ('& nbsp; my middle school & nbsp; |/school/school_search.jsp? Schooltype = 4 | 136 ', 'high School (8) enrolled in 1995 |/class/class_index.jsp? Classuuid = 100', 'Senior 3 (4) |/class/class_index.jsp? Classuuid = 2815032345894931767 ', 'class 8 |/class/class_index.jsp? Classuuid = 2815032345897646845 ', 'class 3/class 8 |/class/class_index.jsp? Classuuid = 2815032345897648547 ', 'xiangshui County Middle School High School (8) class |/class/class_index.jsp? Classuuid = 2815032345919416808 ', 'search for a new middle school class |/school/school_search.jsp? Schooltype = 4'), <br/> new Array ('& nbsp; my primary school & nbsp; |/school/school_search.jsp? Schooltype = 1 | 120 ',' search for a new primary school class |/school/school_search.jsp? Schooltype = 1'), <br/> new Array ('& nbsp; other classes & nbsp; |/school/school_search.jsp? Schooltype = 7 | 120 ',' search for other classes |/school/school_search.jsp? Schooltype = 7'), <br/> new Array ('& nbsp; my Forum & nbsp; | 90', 'Community essence | http://club.chinaren.com/bbs/index.jsp? Boardid = 63', 'male female | http://club.chinaren.com/bbs/index.jsp? Boardid = 4', 'paster map | http://club.chinaren.com/bbs/index.jsp? Boardid = 13', 'emotional world | http://club.chinaren.com/bbs/index.jsp? Boardid = 8 ',' graduation | http://club.chinaren.com/bbs/index.jsp? Boardid = 12', 'drifting overseas | http://club.chinaren.com/bbs/index.jsp? Boardid = 11'), </p> <p> new Array ('& nbsp; recent Access & nbsp; |/school/school_search.jsp | 120 ', 'search class |/school/school_search.jsp '), </p> <p> new Array ('value-added SAR | # '), <br/> new Array (' & nbsp; mobile phone record & nbsp; |/mobile/sms_alumni.jsp | 100 ', <br/> 'custom mobile phone record | js: sms_sub_1 (1, 1, \ '0 \ ')', <br/> 'post a message on the mobile phone |/mobile/sms_alumni.jsp # send ', <br/> 'class message reminder |/mobile/sms_alumni.jsp # msg ', <br/> 'birthday reminder for students |/mobile/sms_alumni.jsp # birthday ', <br/> 'new students join reminders |/mobile/sms_alumni.jsp # join', <br/> 'upload new image reminders |/mobile/sms_alumni.jsp # pic '<br/> ), <br/> new Array ('& nbsp; star member & nbsp; |/vip/vip_index.jsp | 100 ', <br/> 'Star member homepage |/vip/vip_index.jsp ', <br/> 'colorful messages |/vip/vip_colorword.jsp ', <br/> 'friendship message |/vip/vip_friendword.jsp ', <br/>' export address |/vip/vip_exportaddr.jsp ', <br/> 'Download messages |/vip/vip_exportmsg.jsp ', <br/> 'sms reminder |/vip/vip_reminder.jsp ', <br/> 'distinguished signature |/vip/vip_banner.jsp ', <br/> 'album adding |/vip/vip_album.jsp ', <br/> 'text message baby |/vip/vip_baby.jsp '<br/>), <br/> new Array ('strong file function | #'), <br/> new Array ('& nbsp; Customer Service Forum & nbsp; | js: openit2 () | 100 '), <br/> new Array ('& nbsp; school flower crawling list & nbsp; | http://roster.chinaren.com | 200'), <br/> new Array ('& nbsp; & nbsp; fresh for five minutes & nbsp; | js: openit1 () | 200 ') <br/>); </p> <p> menu_build (); <br/> menu_addevents (); </p> </SCRIPT> <br/> </TD> <br/> </TR> <br/> </TBODY> <br/> </TABLE> <br/> </body> <br/> </ptml>
[Ctrl + A select all prompt: you can modify part of the code first, then click to run the Code]
