I would give each navigation element an ID, but that's just me.  
Working with the HTML you have here, you could do this to hook into  
TJ's elegant code.

$$('div. posnavtext1 a').each(function(element){
   element.observe('mouseover',function(evt){
     new Effect.Appear(element, {
       queue: {
          scope:      element.identify(),
          position:   'end'
        }
     });
   });
   element.observe('mouseout',function(evt){
     new Effect.Fade(element, {
       queue: {
          scope:      element.identify(),
          position:   'end'
        }
     });
   });
});

Get rid of all the onwhatever event handlers in your HTML. They aren't  
needed any more.

Walter

On May 22, 2009, at 9:07 AM, BB Design wrote:

>
> For example, this is what I'm trying, but it isn't working:
>
> <script type="text/javascript" language="javascript">
>       function navicon1on {
>               effect.appear('navicon1', {duration: 0.3});
>               }
>       function navicon1off {
>               effect.fade('navicon1', {duration: 0.3});
>               }
> </script>
>
> <div class="posnavtext1"><a onmouseover="navicon1on();"
> onmouseout="navicon1off();" href="index.asp">HOME</a></div>
> <div id="navicon1" class="posnavicon1" style="display: none;"><img
> src="art/ic_homeHover.gif" alt="Home" width="71" height="55"
> border="0" /></div>
>
> >


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