Step Two - Floating Box Setup
From the Objects pallet, select the floating box object and drag it onto your page
I had three different menus so I dragged three floating boxes over.
Floating boxes are indicated by a little yellow icon on the page (you can make them
invisible if they bother your layout by going to View > Hide Invisible Items).
Floating boxes themselves are a simple line with a number in the lower right corner
so you can tell which one is which.
In the example below, you can see that I have put my sub-menus inside of the floating boxes.
It is very important that the sub-menu and the floating box are touching each other or even
over-lapping by one pixel. This ensures that the sub-menu will not hide before you can
navigate to it.
Next. Select the image that will trigger the visibility of your sub menu's floating box.
In the Actions pallet: 1. Select Mouse Enter. 2. Click the New Action button.
3. Go to the Actions Pop-Up and click to open it.
Now we are going to assign an action for the On Mouse Enter for the image.
Select the Multimedia > ShowHide Action.
Now you will need to tell GoLive which floating box to make visible on Mouse Over
by selecting it from the floating box menu and telling it to Show from the Mode Menu.
Now continue the step by making a On Mouse Exit action doing the same as above.
This time, tell GoLive to HIDE the layer. So, when you mouse over, show my sub-menu,
when the mouse leaves the image, hide my sub-menu.
At this point, if you were to view your page, when you mouse over your main
trigger image, it will show you your sub-navigation. BUT, if you try to navigate
to your sub-nav selections, they will suddenly dissapear. WHY? Because you
have not told the menu to still be visible when you are mousing over one of the
sub-menu selections. This is what you do. Repeat the process for every image
in your submenu that you did for the main image. Add a ShowHide action to each
image, assign it a floating box and a show or hide action. This is where it gets tedious.
BUT, you could be writing this code by yourself. Me, I like this way better.
**Note, I have since found that if you make the show/hide settings for one image in your submenu, you can then duplicate the image and it will retain the action settings. This is great because now all you need to do is drag your new button image ONTO the old image and it replaces the image and still keeps the settings of the previous. All you have to do is update the link!
Finally, you need to make sure your floating boxes containing your sub-navigation are
not visible when the page first loads. Select the Floating Boxes tab and select
a layer. Then, in the Inspector pallet, un-toggle the Visible box. Repeat for
each floating box you have. This also makes them invisible for you when working
on your page but you can turn them back on to check positon by selecting the
'eye' icon next to the floating box layer name in the Floating Box pallet.
Quite simple thanks to GoLive's Actions.
Almost done! One last step.