2 Replies Latest reply on Apr 17, 2013 11:18 AM by AMULI

    How to stabilise a rollover effect ?

    AMULI Level 4



      I created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.


      The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid  child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.


      Is there any JavaScript solution (I'm a beginner, coming from AS3), or should I bypass with two flattened graphics "normal" and "over" ? Thanks in advance.