ho un div posizionato nella pagina... quindi senza position:absolute;
vorrei che questo al click di su un link comparisse gradualemnte...
ho pensato di fare un ciclo che aggiungesse ogni volta 1 o 2 all'altezza... oppure settimeout() ma come si fa ? grazie
uffa.. nessuno?
intendi un effetto come quello delle scritte che compaiono nelle pagine del mio sito?
www.quadridea.it
se è questo che vuoi, ti posso dire come ho fatto
no non è questo..
ti spiego:
considera un div con display:none; quando clicco su un link imposto a quel div la visibilità cioè faccio display:;
ora immaginati questo div... appare all'improvviso.
non voglio che sia cosi.... ma deve "aprirsi piano piano" perciò ho pensato alla sua altezza...
ciao grazie
..cioè ...si apre come una tenda?
vabbè più o meno il concetto credo sia lo stesso del mio, io però ho agito sul colore e te dovrai agire sul "nomeDIV.style.height=i;"
(nb: non so se avevi capito ma il div che faccio comparire è quello del testo centrale ogni volta che vai nella prima o nella seconda pagina del menu; ti do la pagine diretta: www.quadridea.it/1.htm)
...se invece intendi che deve sbucare da qualche parte, allora lavora su "nomeDIV.style.top=i;"
in entrambi i casi "i" è la variabile che dovrai incrementare con un ciclo FOR
esattamenteOriginariamente inviato da Jarno
..cioè ...si apre come una tenda?
[QUOTE]
[QUOTE]
(nb: non so se avevi capito ma il div che faccio comparire è quello del testo centrale ogni volta che vai nella prima o nella seconda pagina del menu; ti do la pagine diretta: www.quadridea.it/1.htm)
si avevo capito
se volessi usare un settimeout()? mi abbozzi il codice per favore... non lo so farein entrambi i casi "i" è la variabile che dovrai incrementare con un ciclo FOR
ho provato così, però sembra che nonostante l'altezza iniziale sia 0px, il browser se ne freghi e la imposti in base al contenuto
<HTML>
<HEAD>
<script language="Javascript">
i = 0;
function apri() {
i = i+1;
tenda.style.height=i;
if (i<130) {setTimeout("apri()",50);}
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type=submit value="PROVA" onClick="apri();">
<DIV id="tenda" style="position:absolute; top:50px; height:0px; background-color:black; color: white; font-size:40px">
[B]PROVA</DIV>
</BODY>
</HTML>>
è vero perchè non imposta l'altezza.!!! uffa non c'è un'altro metodo?
:master:
prova a mettere nello style anche overflow:hidden
prova a modificarlo così:
codice:<HTML> <HEAD> <script language="Javascript"> var i = 0; function apri() { var t=document.getElementById("tenda"); i++; t.style.height=i+'px'; t.style.display="block"; if (i<130) {setTimeout("apri()",20);} } </SCRIPT> </HEAD> <BODY> <INPUT type="submit" value="PROVA" onClick="apri()"> <DIV id="tenda" style="position:absolute; top:50px; background-color:black; color: white; font-size:40px; overflow:hidden; display:none"> PROVA</DIV> </BODY> </HTML>
Permessi di invio
Rispondi quotando