вылезающее меню слева
вставляем в body:
<SCRIPT language=JavaScript> if (document.all) document.write('<div id="menuIn" style="left:-110" onMouseover="pull()" onMouseout="draw()">') </SCRIPT> <LAYER id=menuOut onmouseover=pull() onmouseout=draw()> <SCRIPT language=JavaScript> var siteName = new Array(); var siteLink = new Array(); siteName[0] = "Link1"; siteName[1] = "Link2"; siteName[2] = "Link3"; siteName[3] = "Link4"; siteName[4] = "Link5"; siteName[5] = "Link6"; siteLink[0] = "http://fantasyflash.ru"; siteLink[1] = "http://fantasyflash.ru"; siteLink[2] = "http://fantasyflash.ru"; siteLink[3] = "http://fantasyflash.ru"; siteLink[4] = "http://fantasyflash.ru"; siteLink[5] = "http://fantasyflash.ru"; for (i = 0; i <= siteName.length - 1; i++) document.write('<a href=' + siteLink[i] + '>' + siteName[i] + '</a><br>'); </SCRIPT> </LAYER> <SCRIPT language=JavaScript> function regenerate() { window.location.reload(); } function regenerate2() { if (document.layers) setTimeout("window.onresize=regenerate", 300); }//fantasyflash.ru window.onload = regenerate2; if (document.all) { document.write('</div>'); slideMenu = document.all.menuIn.style; boundryR = 0;//osw boundryL = -110; } else { slideMenu = document.layers.menuOut; boundryR = 110; boundryL = 10; } function pull() { if (window.drawMenu) clearInterval(drawMenu); pullMenu = setInterval("pullEngine()", 50); } function draw() { clearInterval(pullMenu); drawMenu = setInterval("drawEngine()", 50); } function pullEngine() { if (document.all && slideMenu.pixelLeft < boundryR) slideMenu.pixelLeft += 5; else if(document.layers && slideMenu.left < boundryR) slideMenu.left += 5;//osw else if (window.pullMenu) clearInterval(pullMenu); } function drawEngine() { if (document.all && slideMenu.pixelLeft > boundryL) slideMenu.pixelLeft -= 5; else if(document.layers && slideMenu.left > boundryL) slideMenu.left -= 5; else if (window.drawMenu) clearInterval(drawMenu); } </SCRIPT>
вставляем в head:
<STYLE>#menuOut { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: -115px; FONT: bold 12px/20px Verdana; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 100px; BACKGROUND-COLOR: pink; layer-background-color: pink } #menuIn { BORDER-RIGHT: green 1px solid; BORDER-TOP: black 1px solid; LEFT: -115px; FONT: bold 12px/20px Verdana; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 100px; BACKGROUND-COLOR: pink; layer-background-color: pink } </STYLE>