Mootools fx.Reveal
-
29-10-2019 - |
質問
Mootools 1.4でFX.REVEALを使用して、メッセージDIVのシンプルなショー/非表示の移行を実行しようとしています。効果は初めて機能しますが、後続のクリックでは機能しません。
私がどこで間違っているのかについてのヒントはありますか?
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();
}
解決
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();
}
他のヒント
FX.Revealを使用して指定したように、それが最良の答えではないことは知っていますが、Winkコマンドを使用しますhttp://mootools.net/docs/more/fx/fx.reveal#element:wink
ここみたいに: http://jsfiddle.net/zalun/mygh6/5/
var msg = document.getElementById('mydiv').hide();
$('myclick').addEvent('click', function() {
msg.wink();
});
以前と同じように、関数内のメッセージを確実に指定できます。
所属していません StackOverflow