vedi pagina in esecuzione

codice:

<SCRIPT LANGUAGE="JavaScript">

function setVariables(){ definisco le variabili iniziali

velocita_arrivo = 15; minore é la cifra, maggiore sarà la velocità
velocita_fuga = 0; minore é la cifra, maggiore sarà la velocità
altezza = 200; distanza dall'alto del primo bottone
distanza = 60; distanza tra i pulsanti
oggetti= 4; quantità di pulsanti presenti
link="";

posizione_arrivo=-50;
oggetto_arrivo=1;
max=altezza;
v=".pixelTop=",sD=".style";

quantita=oggetti+1; serve per il ciclo aumentare di 1
oggetto_fuga=oggetti;
posizione_fuga=altezza + distanza * (oggetti - 1);
}


function arrivo(){
if (oggetto_arrivo<quantita){
objectX="object"+oggetto_arrivo;
posizione_arrivo+=10;
eval(objectX + sD + v + posizione_arrivo);

if (posizione_arrivo<max) setTimeout("arrivo()",velocita_arrivo);
else posizione_arrivo=-50, max+=distanza, oggetto_arrivo+=1, setTimeout("arrivo()",velocita_arrivo);}
}

function fuga_link1(){
link="link1";
fuga();}

function fuga_link2(){
link="link2";
fuga();}

function fuga(){
objectX="object"+oggetto_fuga;
posizione_fuga -=10;
eval(objectX + sD + v + posizione_fuga);
if ((posizione_fuga == -50) && (oggetto_fuga == 1) ) {
switch (link) {
case "link1":
document.location.href="link1";
break;

case "link2":
document.location.href="link2";
break;
}
}
if (posizione_fuga > -50) setTimeout("fuga()",velocita_fuga);
else oggetto_fuga--, posizione_fuga=altezza + (distanza * (oggetto_fuga-1)), setTimeout("fuga()",velocita_fuga);
}


</SCRIPT>

<style type="text/css">

.oggetto{
position:absolute;
visibility:show;
left:25px; posizione verticale
top:-50px;
z-index:2;}

.pulsante{
border:0px;
width:150px;
background-color:#000000;
text-align:center;}

.scritta {
text-decoration:none;
font-weight:bolder;
color:white;}
</style>


<body onload="pubblicita()">

<div id="object1" class="oggetto">
<table class="pulsante">
<td><a class="scritta" href="javascript:fuga_link1()" onFocus="this.blur()">link1</a></td>
</table>
</div>

<div id="object2" class="oggetto">
<table class="pulsante">
<td><a class="scritta" href="javascript:fuga_link2()" onFocus="this.blur()">link2</a></td>
</table>
</div>