Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Slide Menu</title><style><!--#ssm2 A {color:black;text-decoration:none; font-size:12;font-family:verdana;}#ssm2 A:hover {color:red; }--></style></head><body><script language="JavaScript">Function MM_displayStatusMsg (msgStr) {status = msgStr; document. MM_returnValue = true;} function highlight (x) {document. forms [x]. elements [0]. focus () document. forms [x]. elements [0]. select ()} function MM_jumpMenu (targ, selObj, restore) {eval (targ + ". location = '"+ selObj. options [selObj. selectedIndex]. value + "'"); if (restore) selObj. selectedIndex = 0;} var ns ie = document. all; NS = document. layers; hdrFontFamil Y = "Verdana"; hdrFontSize = "2"; hdrFontColor = "white"; hdrBGColor = "#666666"; linkFontFamily = "Verdana"; linkFontSize = "2 "; linkBGColor = "white"; linkOverBGColor = "# CCCCCC"; linkTarget = "_ top"; YOffset = 60; staticYOffset = 20; menuBGColor = "black"; menuIsStatic = "no "; menuHeader = "main menu 1" menuWidth = 150; // Must be a multiple of 5! StaticMode = "advanced" barBGColor = "# 1298fd"; barFontFamily = "Verdana"; barFontSize = "2"; barFontColor = "white"; barText = "slip-out menu "; function moveOut () {if (window. cancel) {cancel = "";} if (window. moving2) {clearTimeout (moving2); moving2 = "";} if (IE & ssm2.style. pixelLeft <0) | (NS & document. ssm2.left <0) {if (IE) {ssm2.style. pixelLeft + = (5% menuWidth);} if (NS) {document. ssm2.left + = (5% menuWidt H);} moving1 = setTimeout ('moveout () ', 5)} else {clearTimeout (moving1) }}; function moveBack () {cancel = moveBack1 ()} function moveBack1 () {if (window. moving1) {clearTimeout (moving1)} if (IE & ssm2.style. pixelLeft> (-menuWidth) | (NS & document. ssm2.left> (-150) {if (IE) {ssm2.style. pixelLeft-= (5% menuWidth);} if (NS) {document. ssm2.left-= (5% menuWidth);} moving2 = setTimeout ('Mo VeBack1 () ', 5)} else {clearTimeout (moving2) }}; lastY = 0; function makeStatic (mode) {if (IE) {winY = document. body. scrollTop; var NM = ssm2.style} if (NS) {winY = window. pageYOffset; var NM = document. ssm2} if (mode = "smooth") {if (IE | NS) & winY! = LastY) {smooth =. 2 * (winY-lastY); if (smooth> 0) smooth = Math. ceil (smooth); else smooth = Math. floor (smooth); if (IE) NM. pixelTop + = smooth; if (NS) NM. top + = smooth; lastY = lastY + smooth;} setTimeout ('makestatic ("smooth") ', 1)} else if (mode = "advanced ") {if (IE | NS) & winY> YOffset-staticYOffset) {if (IE) {NM. pixelTop = winY + staticYOffset} if (NS) {NM. top = winY + staticYOffset} else {if ( IE) {NM. pixelTop = YOffset} if (NS) {NM. top = YOffset-7} setTimeout ('makestatic ("advanced") ', 1)} function init () {if (IE) {ssm2.style. pixelLeft =-menuWidth; ssm2.style. visibility = "visible"} else if (NS) {document. ssm2.left =-menuWidth; document. ssm2.visibility = "show"} else {alert ('Choose either the "smooth" or "advanced" static modes! ')} Function MM_displayStatusMsg (msgStr) {status = msgStr; document. MM_returnValue = true ;}</script> <script language="JavaScript">If (IE) {document. write ('<DIV ID="ssm2" +YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')} tempBar="" for (i=0;i<barText.length;i++) { tempBar+=barText.substring(i, i+1)+"<BR>"} Document. write ('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ MenuHeader +'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+ TempBar +'</b></font></p></tD></tr>') Function addItem (text, link, target) {if (! Target) {target = linkTarget} document. write ('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=''+linkOverBGColor+''" onmouseout="bgColor=''+linkBGColor+''"><ILAYER><LAYER onmouseover="bgColor=''+linkOverBGColor+''" onmouseout="bgColor=''+linkBGColor+''" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">'+ Text +'</fONT></lAYER></iLAYER></tD></tR>')} Function addHdr (text) {document. write ('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ Text +'</b></font></td></tr>')} // Only edit the script between HERE addItem ('class menu 1',' # ',' _ blank '); addItem ('class menu 2 ', '#', '_ blank'); addItem ('small menu 3', '#', '_ blank'); addItem ('small menu 4 ','#', '_ blank'); addItem ('small menu 5', '#', '_ blank'); addItem ('small menu 6 ','#', '_ blank'); addHdr ('large menu 2'); addItem ('small menu 1', '#', '_ blank '); addItem ('sub-menu 2', '#', '_ blank'); addItem ('sub-menu 3', '#', '_ blank '); addItem ('small menu 4', '#', '_ blank'); addI Tem ('small menu 5', '#', '_ blank'); addItem ('small menu 6', '#', '_ blank '); // and HERE! No more! Document. write ('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></tR></table>') If (IE) {document. write ('</dIV>')} If (NS) {document. write ('</lAYER>')} If (IE | NS) & (menuIsStatic = "yes" & staticMode) {makeStatic (staticMode );}</script> <script> window.onload=init </script> </body> </html>
Tip: you can modify some code before running
