Visualizza post
1
Sviluppo / Mootools - Effetto Fade in / Fade out
« il: 19 Lug 2010, 18:14:13 »
Vorrei fare un effetto fade in / fade out con Mootools tipo quello presente sul sito ioribonini.altervista.org.
Il codice che vi posto alla fine di questo messaggio mi da l'effetto contrario ovvero il testo compare per poi scomparire.... E cambiando i due parametri non funziona... Qualche suggerimento??
Grazie!
CODICE
<script src="mootools.js" type="text/javascript"></script>
<script type="text/javascript">
var fx;
window.addEvent('domready', function(){
fx = new Fx.Tween('container', {duration: 1000});
})
window.addEvent('load', function(){
fx.start('opacity',0);
});
window.addEvent('unload', function(){
fx.start('opacity', 1);
});
</script>
</head>
<div id="container" style="overflow: auto; width: 100%; height: 200px;">esempio
esempio
esempio</div>
Il codice che vi posto alla fine di questo messaggio mi da l'effetto contrario ovvero il testo compare per poi scomparire.... E cambiando i due parametri non funziona... Qualche suggerimento??
Grazie!
CODICE
<script src="mootools.js" type="text/javascript"></script>
<script type="text/javascript">
var fx;
window.addEvent('domready', function(){
fx = new Fx.Tween('container', {duration: 1000});
})
window.addEvent('load', function(){
fx.start('opacity',0);
});
window.addEvent('unload', function(){
fx.start('opacity', 1);
});
</script>
</head>
<div id="container" style="overflow: auto; width: 100%; height: 200px;">esempio
esempio
esempio</div>
