Hi,

David from the list wrote a class for doing this (an effect that
actually modify the CSS style's style and by side effect all DOM
objects belonging to the same class:
http://scripteka.com/script/effect-onclass

Note that you'll need to be sure that your CSS style has an explicit
opacity value before calling the effect.

Eric

On Mar 5, 9:44 am, "T.J. Crowder" <t...@crowdersoftware.com> wrote:
> Hi,
>
> You can use Effect.multiple[1] to apply the same effect to multiple
> elements. So:
>
>     Effect.multiple($$('.fade-in'), Effect.Opacity, { from: 0, to: 1,
> duration: 1.5 });
>
> [1]http://wiki.github.com/madrobby/scriptaculous/effect-multiple
>
> HTH,
> --
> T.J. Crowder
> Independent Software Consultant
> tj / crowder software / comwww.crowdersoftware.com
>
> On Mar 3, 5:27 pm, CaptainNoob <jacobl...@gmail.com> wrote:
>
> > <ul id="menu">
> >         <li id="nav_home" class="fade-in"><a href="/">Home</a></li>
> >         <li id="nav_archives"><a href="/archives">Archives</a></li>
> >         <li id="nav_contact" class="fade-in"><a href="/contact">Contact Me</
> > a></li>
> >         <li id="nav_google"><a href="http://google.com";
> > rel="external">Google</a></li>
> > </ul>
>
> > ----------------------
>
> > new Effect.Opacity('fade-in', { from: 0, to: 1, duration: 1.5 });
>
> > Is it possible to fire scriptaculous effects with a class name rather
> > than an ID? I tried putting $$('fade-in') , but that did not seem to
> > work.
>
> > Thank you for the help.
> > Jacob
>
>

-- 
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-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.

Reply via email to