Menu a scorrimento

**Prisco** · 01-06-2009, 11:13

Salve ragazzi,
il mio problema è realizzare un menu a scorrimento che mi permetta di scorrere dall'alto verso il basso o dal basso verso l'alto dei semplici div ..
su internet ci sn molti codici ma sn tutti complicati e lunghi...io avevo pensato di scrivere una semplice funzione javascript che modifichi valori css ogni toto secondi tramite setInterval

il porblema è il seguente: se clicco su apri mi deve scorrere il div della login e password...
se clicco chiudi deve scorrere lo stesso div verso l'alto sotto il div apri.
allego un immagine per chiarire il tutto..

**Prisco** · 01-06-2009, 15:30

ho risolto in questo modo anche se nn credo che sia una soluzione molto professional...
cmq sono accettati altri consigli...si spera:-)

<html>
<head>
<title>sposta immagine</title>

<script type="text/javascript">

var spostamento = 10;
var contatore=0;
var timer;
var timer1;
function miafunc(){

var top = document.getElementById("paperino").style.top;

top = parseInt(top);

top += spostamento;

contatore=contatore+1;

document.getElementById("paperino").style.top=top+ "px";

timer=setTimeout("miafunc()",100);

if(contatore==10){
clearTimeout(timer);
timer=0;
contatore=0;
}

}

function ritorna(){

var top = document.getElementById("paperino").style.top;

top = parseInt(top);

top -= spostamento;
contatore+=1;

document.getElementById("paperino").style.top=top+ "px";

timer1=setTimeout("ritorna()",100);

if(contatore==10){
clearTimeout(timer1);
timer1=0;
contatore=0;
}

}

</script>

</head>

<body>

<input type=checkbox name=radio onclick="miafunc();"> sposta immagine</input>

<input type=checkbox name=radio2 onclick="ritorna();"></input>

[img]paperino.jpg[/img]</img>

</body>

</html>

questo codice mi permette di scorrere un immagine..ma nn mi è ancora chiaro come scorrere un div se esso è ad esempio nascosto dietro un altro div...esempio immagine precedente..div login dietro div APRI..
helpp me!!!

Discussione: Menu a scorrimento

Strumenti discussione

Ricerca discussione

Visualizza

Menu a scorrimento

Permessi di invio