mootools: mouseleave mit einem delay versehen...

[tomate]

Hallo zusammen,

ich möchte dem event mouseleave eine Verzögerung
hinzufügen. Das müsse irgendwie mit delay funktionieren.

Ich bekomme das nicht hin. Anbei der Code:

window.addEvent('domready', function() {

      var infoBox1 =  new Fx.Morph('infoBox', {duration: '500', transition:Fx.Transitions.linear});
      var infoBox2 =  new Fx.Morph('infoBox', {duration: '250', transition:Fx.Transitions.linear});

        infoBox2.start({
            //'top': [15, 115]
            'opacity': 0

           });


       $$('li.info','div.info').addEvents({

	    'mouseenter': function(){
            infoBox1.start({
            'opacity': 1
           });

		},

		
'mouseleave': function(){infoBox2.start({'opacity': 0});},
	});
});

Wo muss ich das delay in den Code reinpacken, damit das Event mouseleave verzögert ausgeführt wird?

Viele Grüße und Danke, tomate

 

[Drawlix]

das machst du am besten mit setTimeout(dieFunction, 5000)"/> 5000=Zeitin in ms glaube ich zumindest

siehe

http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

gruß drawlix

 

[tomate]

Hm, aber:

setTimeout();

hat doch nix mit mootools zu tun.

Grüße, Tomate