Its very simple to do, You can pretty much do it in CSS all except the little bit of opacity that it has
[css]... .classname:hover { margin-right:15px; } ----- Original Message ----- From: "mumbojumbo" <[EMAIL PROTECTED]> To: "Prototype & script.aculo.us" <prototype-scriptaculous@googlegroups.com> Sent: Monday, November 10, 2008 3:25 AM Subject: [Proto-Scripty] mootools fx.styles menu.... Trying to code it in Prototype and Script.aculo.us > > Hello, > > This is my first post on this mailing list and I hope you guys can > help. I was trying to learn Mootools but I felt that I needed a new > Famework so I switched to Prototype. I'm a novice Framework user and > any tips would be greatly aprreciated.... So lets get to it. > > The mootools menu is here http://demos111.mootools.net/Fx.Styles > There is also a Jquery Version > http://nettuts.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/ > > But, I want mine in prototype! > > JS Code > <script type="text/javascript"> > document.observe("dom:loaded",function(){ > > var container= $("container");//gets container > container.setStyle({marginTop:'-700px'}); //moves it up 700px. > new Effect.Move('container',{x:0,y:700}) //Slides Down from top > > var navElements = $$('nave');//gets all elements with the class > nave. > navElements.each(function(i){//for each element give them the > following... > this.morph()//what goes here? > }); > > }); > </script> > I get lost as what to do for each navElements.... I've tried some > combo of observe('mouseOver') and mouseOut... but to no avail.... If > someone could help me refactor this code or get me pointed in the > right direction it would be grrrrrrreeeeaat! > > Mumbojumbo > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---