Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 Ссылка 5 Ссылка 6 Ссылка 7 Ссылка 8 Ссылка 9 Ссылка 10
Вставляем в сайт: <SCRIPT> <!-- Beginning of JavaScript - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'><font color='#99ff00'>") document.write(message[i]) document.write("</font></span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // --> </SCRIPT> </HEAD> <BODY bgColor=#ffffff> <style type="text/css"> <!-- #menuBar {position: absolute;left: -200px; width: 300px; top: 0px; clip: rect( )} #glider {position: absolute;left: 200px;top: 0px; width: 80px} .glideText {font-size: 18px;color: #999999;text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif} a:link { color: #d7d7d7; text-decoration: none} a:visited { color: #E0E0E0; text-decoration: none} a:active { color: #333333; text-decoration: none} a:hover { color: #333333} .mentd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #00be52; background-image: url(graygrid2.gif)} td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333} h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF} --> </style> <script language="JavaScript"> <!-- /* get more on http://www.babaparaskanarod.ru */ //Variables to be defined by user. Pee=-200 is the ending position of the menu upon closing //It must match the left position of the menuBar layer as defined in the Style Sheet //drec and speed can be experimented with to adjust smoothness and speed of animation var pee = -200 var drec = 40; var speed = 20; //Don't touch! var l = pee; //Don't touch. This is the function that closes the menu function Proj7GlideBack () {l += drec; if (document.layers) { document.menuBar.left = l; } else if (document.all) {document.all.menuBar.style.pixelLeft = l; } else if (document.getElementById) {document.getElementById('menuBar').style.left = l + 'px'; } if (l < 0) setTimeout('Proj7GlideBack()', speed); else { if (document.layers) { var html = ''; html += '<A HREF="javascript:;"'; html += 'onClick="Proj7GlideOut(); return false;"'; html += 'Class="glideText"'; html += 'close'+ '<br>'; html += 'close'+ '<Br>'; html += '<\/A>'; var a = window.document.menuBar.document.glider; a.document.open(); a.document.write(html); a.document.close(); } else if (document.all) {document.all.glidetextLink.innerHTML = 'закрыть'; document.all.glidetextLink.onclick = moveIn; } else if (document.getElementById) { document.getElementById('glidetextLink').firstChild.nodeValue ='close'; document.getElementById('glidetextLink').onclick = moveIn; } } } //Don't touch. This is the function that opens the menu function Proj7GlideOut () {l -= drec; if (document.layers) {document.menuBar.left = l; } else if (document.all) {document.all.menuBar.style.pixelLeft = l; } else if (document.getElementById) {document.getElementById('menuBar').style.left = l + 'px'; } if (l > pee) setTimeout('Proj7GlideOut()', speed); else { if (document.layers) { var html = ''; html += '<A HREF="javascript:;"'; html += 'onclick="Proj7GlideBack(); return false;"'; html += 'Class="glideText"'; html += 'menu'+ '<Br>'; html += 'menu'+ '<Br>'; html += '<\/A>'; var a = window.document.menuBar.document.glider; a.document.open(); a.document.write(html); a.document.close(); } else if (document.all) {document.all.glidetextLink.innerHTML = 'меню'; document.all.glidetextLink.onclick = moveOut; } else if (document.getElementById) { document.getElementById('glidetextLink').firstChild.nodeValue ='menu'; document.getElementById('glidetextLink').onclick = moveOut; } } } function moveIn () {Proj7GlideOut();return false; } function moveOut() {Proj7GlideBack();return false; } <!--NNresizeFix Reloads the page to workaround a Netscape Bug--> if (document.layers) { origWidth = innerWidth; origHeight = innerHeight;} function reDo() { if (innerWidth != origWidth || innerHeight != origHeight) location.reload();} if (document.layers) onresize = redo; //--> </script> <div ID="menuBar" > <table width="272" border="0" cellspacing="0" cellpadding="0" bgcolor="#333333"> <tr> <td> <table width="100%" border="0" cellpadding="8" cellspacing="1"> <tr> <td bgcolor="#ff9900" valign="top" class="mentd"> <p> <!-- Add your Hyperlinks below. copy and paste to create more links--> <a href="linka1.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 1</a><Br> <a href="linka2.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 2</a><Br> <a href="linka3.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 3</a><Br> <a href="linka4.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 4</a><Br> <a href="linka5.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 5</a><Br> <a href="linka6.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 6</a><br> <a href="linka7.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 7</a><br> <a href="linka8.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 8</a><br> <a href="linka9.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 9</a><br> <a href="linka10.html" onFocus="if(this.blur)this.blur()" class="menu"> Ссылка 10</a><br> </td> <td width="72" bgcolor="#9999cc" background="mnbg.jpg"><font face=System> </font> </td> </tr> </table> </td> </tr> </table> <span ID="glider" > <table border="0" cellspacing="0" cellpadding="0"> <tr align="middle"> <td><a id="glidetextLink" href="javascript:;" class="glideText" onClick="Proj7GlideBack(); return false" onFocus="if(this.blur)this.blur()"> открыть </a></td> </tr> </table> <p> </p> </span> </div> <p><font face=System></font>