Ciao,
Volevo fare in modo che un div venisse visualizzato do 2 sec e con l'effetto fade in di jquery.
Come devo strutturare la funzione?
Grazie
Ciao,
Volevo fare in modo che un div venisse visualizzato do 2 sec e con l'effetto fade in di jquery.
Come devo strutturare la funzione?
Grazie
setTimeout(function(){$("#idelemento").fadeIn(300) }, 2000)
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Non mi funziona..
il codice che ho usato è questo:
$(document).ready(function(){
setTimeout(function(){$("#entrata").fadeIn(300)}, 2000)
});
e nell'html:
<div class="footer" id="entrata" style="visibility:hidden">
[img]img/footer.png[/img]
</div>
oppure cosi:
<div class="footer" id="entrata" style="display:none">
[img]img/footer.png[/img]
</div>
oppure cosi:
<div class="footer" id="entrata">
[img]img/footer.png[/img]
</div>
Di div entrata ce ne uno solo giusto? E usa display:none bovrebbe andare se non fosse così posta un link alla pagina pubblica (tuosito.xxxx/tuapagina.xxxx)
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Sisi ce n'era solo uno.
Adesso funziona..ho solo chiuso la pagina e ricaricata.
Grazie per l'aiuto
Ciao,
sto provando in tutti i modi ma nulla, non riesco a farlo funzionare..il codice che uso è questo:
E' solo una paginetta d'esempio dove compare (dovrebbe!!) una freccettacodice:<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>prova2</title> <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){$("#entrata").fadeIn(300)}, 2000) }); }); </script> </head> <body> <div id="entrata" style="display: none;"> [img]image/freccetta.gif[/img]</div> </body> </html>
Grazie per l'aiuto..
<script type="text/javascript">
$(document).ready(function(){ setTimeout(function(){$("#entrata").fadeIn(300)}, 2000)
});
}); <--- Questo e di troppo toglilo
</script>
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Funziona perfettamente!
Grazie mille
Anche se non è il metodo giusto, io uso questo
Questo comporta che l'elemento viene nascosto (se non lo è già da css naturalmente), poi viene fatto un fadeOut di 200 millisecondi, ma non essendo visibile... in pratica è un delay, ed infine visualizzato con un fadeIn.codice:$('#element').hide().fadeTo(200, 0).fadeTo(800, 1);
Come dicevo non è probabilmente il metodo più corretto per fare un'operazione del genere, ma è decisamente comodo e funzionale
http://jsfiddle.net/tox82/PeQvU/
Permessi di invio
Rispondi quotando