Hi guys,
I need to create a holding page with navigation to 4 sections within. The navigation is simply 4 small boxes in the middle of the page, then when the browsers hovers over each box, I would like the box to ‘grow’ and give a little information about the section.
I would want the larger box to the be clickable to take the browser to the section, and I would want the box to get smaller when the mouse leaves the box.
Ideally I would want the boxes to get bigger and smaller in a ‘fluid’ manner, so that if if only grows to 50% size (because the mouse wasn’t over it for very long) it would then shrink from 50% to the small box, instead of jumping back up to 100% or jumping back to a small box.
What would be the best way of doing this do you think?
All I can think of is having it as a movie clip in the buttons ‘over’ state, but that wouldn’t allow the growth to be fluid.
I could also make the small boxes jump to sections on rollOver, containing the relevant movieclip, but that also would not be fluid.
What would you recommend?
