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
-~----------~----~----~----~------~----~------~--~---
