mootools fx.reveal
-
29-10-2019 - |
Domanda
Sto provando a fare una semplice transizione per lo spettacolo/nascondere per un messaggio di divie usando fx.reveal in mootools 1.4. L'effetto funziona per la prima volta, ma non sui clic successivi.
Qualche suggerimento su dove sbaglio?
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();
}
Soluzione
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();
}
Altri suggerimenti
So che non è una risposta migliore, come hai specificato usando fx.reveal, ma userei l'occhiolinohttp://mootools.net/docs/more/fx/fx.reveal#element:wink
Come qui: http://jsfiddle.net/zalun/mygh6/5/
var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
msg.wink();
});
Puoi certamente specificare il messaggio all'interno della funzione come hai fatto prima.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow