Back to top

Autore Topic: Fx.Slide Menu con Mootools  (Letto 1479 volte)

Offline valafar

  • Nuovo arrivato
  • *
  • Post: 3
    • Mostra profilo
Fx.Slide Menu con Mootools
« il: 06 Mar 2009, 20:11:21 »
Ho provato a fare un menu con effetto slide di mootools al passaggio del mouse ed ho scritto questo piccolo script in javascript che però non funziona. Non riesco a capire dov'è l'errore. Qualcu no più bravo di me mi aiuta? Ecco il codice che ho scritto.
Codice: [Seleziona]
window.addEvent('domready', function(
$$('#mainmenu').each(function(el) {
el.ParentItems = [];
for(var i = 0; i < el.childNodes.length; i++) {
if(el.childNodes[i].className.indexOf('parent') >= 0){
el.ParentItems.push(el.childNodes[i]);
}
}

el.ChildElements = [];
for(var i = 0; i < el.ParentItems.length; i++) {
el.ChildElements.push(el.ParentItems[i].getElementsByTagName('ul')[0]);
}

if ( el.ParentItems.length > 0 ){
var myFx = new Fx.Slide(el.ChildElements, $merge({
    duration: '700',
    transition: Fx.Transitions.Bounce.easeOut
}));
}

for(var i = 0; i < el.ParentItems.length; i++) {
myFx.hide();
el.ParentItems[i].addEvents({
'mouseenter': function(){
myFx.hide().slideIn();
},
'mouseleave': function(){
myFx.slideOut();
}
});
}
});
});

 



Web Design Bolzano Kreatif