MENU A CASCATA

Autori: unknown, modified and explained from www.webmasterpaolo.com 

CLICCA QUI PER L'ESEMPIO

RITORNA ALLA PAGINA DELLE JAVASCRIPT

RITORNA ALLA PAGINA DEGLI EFFETTI SUI MENU

utenti connessi

Lo script da inserire in html

<style>
div.menuBar,
div.menuBar a.menuButton {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #000000;
}

div.menuBar {
background-color: #F0EEE2;
padding: 6px 2px 6px 2px;
text-align: center;
margin-left:20px;
}

div.menuBar a.menuButton {
background-color: transparent;
border: 1px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
color: #000000;
cursor: pointer;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover {
background-color: transparent;
border-color: #909090 #f0f0f0 #f0f0f0 #909090;
color: #000000;
}

</style>

<div class="menuBar">
<a class="menuButton" href="http://www.webmasterpaolo.com/javascript/menu_cascata/pagina1.htm">Home Page</a>
<a class="menuButton" href="http://www.webmasterpaolo.com/javascript/menu_cascata/pagina2.htm">Pagina 2</a>
<a class="menuButton" href="http://www.webmasterpaolo.com/javascript/menu_cascata/pagina3.htm">Pagina 3</a>
<a class="menuButton" href="http://www.webmasterpaolo.com/javascript/menu_cascata/pagina4.htm">Pagina 4</a>
</div>