mootols fx.reveal
-
29-10-2019 - |
Pregunta
Estoy tratando de hacer una transición simple de espectáculo/ocultar para un mensaje Div usando fx.Reveal en Mootols 1.4. El efecto funciona la primera vez, pero no en los clics posteriores.
¿Alguna pista sobre dónde me equivoco?
var mytween = new Fx.Reveal(document.getElementById('mydiv'), {duration: 2500});
$('myclick').addEvent('click', function(){
mymessage();
});
function mymessage(){
var mymessage = document.getElementById('mydiv');
mymessage.set('html','YO!');
mytween.reveal();
mytween.dissolve();
}
Solución
var mytween = new Fx.Reveal(document.getElementById('mydiv'), {
duration: 1000,
onComplete:function(){
this.element.dissolve();
}
});
$('myclick').addEvent('click', function(){
mymessage();
});
function mymessage(){
var mymessage = document.getElementById('mydiv');
mymessage.set('html','YO!');
mytween.reveal();
}
Otros consejos
Sé que no es la mejor respuesta, como especificó usando FX.Reveal, pero usaría el comando winkhttp://mooteols.net/docs/more/fx/fx.reveal#element:wink
Como aquí: http://jsfiddle.net/zalun/mygh6/5/
var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
msg.wink();
});
Ciertamente, puede especificar el mensaje dentro de la función como lo hizo antes.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow