onMouseIn() is great for adding hover effects to your site. Just add an onMouseIn() event handler to an element and add code for the effect you'd like to happen. For example, when site visitors hover over an image, text appears.
But what if the element to be hovered over is hidden at some point? Will onMouseIn() still work? The answer is no. If the element is currently hidden, the event handler won't run.
No worries, there's a solution. You can add a container box to your page and place it over the element with the hover effects. Then in Design Settings, set Fill Color & Opacity to 0% opacity. The box is now transparent and your site visitors won't see it.
Instead of setting the onMouseIn() event handler on the element to be hidden, set it on the container box, which will always be there.
