window.addEvent('domready',function() {
var div = $('hiddenDiv').setStyles({
display:'block',
opacity: 0
});
// in 1.2
new Fx.Morph(div, {duration:2000, onComplete: function() {
new Fx.Morph(div, {duration:2000}).start({opacity:0});
}}).start({'opacity':1});
// 1.1
new Fx.Style('hiddenDiv', 'opacity', {duration:2000, onComplete:
function() {
new Fx.Style('hiddenDiv', 'opacity', {duration:2000}).start(0);
}}).start(1);
});
May the force be with you...
Cristisor 작성:
> Hi. I didn't work with MooTools before and now I need to make a fade
> in for 2-3 seconds and then a fade out for another 2-3. I tried
> var myFunction = function(){
> var div = $('hiddenDiv').setStyles({
> display:'block',
> opacity: 0
> });
> new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
> };
>
> myFunction(); //<- this does it all
>
> but I always get the message: Fx.Style is not a constructor. I
> downloaded the latest mootools and included everything, including
> Effects, but it won't work. And can anyone tell me how I could delay
> the next execution, something like afterFinish in Scriptaculous? Thank
> you!
