Flake Internet Resort
Flake Lee Skiender
.:.Форум .:.О Авторе .:.E-mail .:.Линки .:.Главная .:.FIR проект HEROES RPG
ВЫ ПОСИТИТЕЛЬ НОМЕР
Карта сайта.(NEW version)
-Сервис FIR *Взаимное увиличение посещяемости. *Реклама на сайте. - Rammstein *Дискография *Тексты песен *Состав Группы *История .: Галерея(пока не работает) - Анекдоты *Лучшие Анекдоты Сети -Скрепты *Несколько кодов для улучшения сайта - Проводник *Адреса для начинающих юзверов - Я WEB-MASTER! *HTML *Java Script *Perpl *PHP *CGI *FTP
With love for you...
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Горизонтальное меню раскрывающееся при наведении мыши.</title> <style type="text/css"> a { font-size:10pt; color: navy; text-decoration: none } a:hover { background-color: yellow; text-decoration: underline } #box { position:absolute; visibility:hidden; layer-background-color:silver } #limebox {background-color:lime } #bluebox {background-color:lightsteelblue } #mnubar {font:10pt arial; font-weight:bold } </style> <script language="JavaScript"> ns=window.navigator.appName == "Netscape" ie=window.navigator.appName == "Microsoft Internet Explorer" function openIt(x) { if(ns) { showbox= document.layers[x+1] showbox.visibility = "show" showbox.top=44 var items = 5 for (i=1; i<=items; i++) { elopen=document.layers[i] if (i != (x + 1)) { elopen.visibility = "hide" } } } if(ie) { curEl = event.toElement curEl.style.background = "yellow" showBox = document.all.box[x]; showBox.style.visibility = "visible"; showBox.style.top = 46; var items = 5 for (i=0; i<items; i++) { elOpen=document.all.box[i] barEl=document.all.mnubar[i] if (i != x){ elOpen.style.visibility = "hidden" barEl.style.background = "#ccccff" } } } } function closeIt() { var items = 5 for (i=0; i<items; i++) { if(ie){ document.all.box[i].style.visibility = "hidden" barEl=document.all.mnubar[i] barEl.style.background = "#ccccff" } if(ns){ document.layers[i+1].visibility = "hide"} } } </script> </head> <body bgcolor="white" vlink=navy marginwidth="0" marginheight="0" topmargin="0" leftmargin="0"> <table border="0" cellpadding="0" width="100%" bgcolor="#CCCCFF" height="20" id=mainmenu> <tr> <td align="center" nowrap valign="middle" colspan="7" bgcolor="#000066" > <p align="left"><b><font size="4" face="Arial" color="#FFFF00">Раскрывающеяся меню</font></b></td> </tr> <tr> <td align="center" ><b><font color="#000080" face="Arial"><a href="http://superbest.com">Главная</a></font></b><br> </td> <td align="center" nowrap > <a href="#" onmouseover="openIt(0)" id=mnubar>Меню 1</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(1)" id=mnubar>Меню 2</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(2)" id=mnubar>Меню 3</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(3)" id=mnubar>Меню 4</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" nowrap > <a href="#" onmouseover="openIt(4)" id=mnubar>Меню 5</a> <img src="arrowdn.gif" width="10" height="10" ><br></td> <td align="center" width="30" nowrap valign="top"> </td> </tr> </table> <br><br> <div onmouseover="closeIt()" > <layer onmouseover="closeIt()"> </layer> </div> <div id=box style=left:120> <table border="1" id=bluebox > <tr><td><a href='link.htm' >Ссылка 1</a></td> <td><a href='link.htm'>Ссылка 2</a></td></tr> </table> </div> <div id=box style=left:200> <table border="1" id=limebox> <tr> <td><a href='link.htm'>Ссылка 3</a></td> <td><a href='link.htm' >Ссылка 4</a></td> <td><a href='link.htm' >Ссылка 5</a></td></tr> </table> </div> <div id=box style=left:240> <table border="1" id=bluebox> <tr><td><a href='link.htm' >Ссылка 6</a></td> <td><a href='link.htm' >Ссылка 7</a></td> <td><a href='link.htm' >Ссылка 8</a></td> <td><a href='link.htm' >Ссылка 9</a></td> <td><a href='link.htm' >Ссылка 10</a></td></tr> </table> </div> <div id=box style=left:400> <table border="1" id=limebox> <tr><td><a href='link.htm' >Ссылка 11</a></td> <td><a href='link.htm' >Ссылка 12</a></td> <td><a href='link.htm' >Ссылка 13</a></td> <td><a href='link.htm' >Ссылка 14</a></td></tr> </table> </div> <div id=box style=left:520> <table border="1" id=bluebox> <tr><td><a href='link.htm' >Ссылка 15</a></td> <td><a href='link.htm' >Ссылка 16</a></td> <td><a href='link.htm' >Ссылка 17</a></td></tr> </table> </div> </body> </html>