Here is an example of what I want to do:
...
<div class='center_part'>
<div id='logo'><%=image_tag '/images/logo.png'%></div>
<div id='description'>lorem ipsum</div>
</div>
...
$('logo').observe('mouseover', function(event){
new Effect.Opacity('logo', {
from: 1.0,
to: 0.0,
duration: 0.3
});
});
$('logo').observe('mouseout', function(event){
new Effect.Opacity('logo', {
from: 0.0,
to: 1.0,
duration: 0.3
});
});
So, I would like to avoid that hovering (mouseover) the img inside the
div#logo bubble up and trigger the event once more and ruin the effect
of hiding the logo.
Already thanks for the quick answer.
Geoffroy Gomet
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
