Step 8: Adding the Behaviors
Now, we want to
add the behaviors to each of the links in the menu so that when
we mouse over each link, the appropriate image appears.
click inside the "Apple" link up top to select it.
we can add the behavior, we need to create a null link.
do this by typing the # sign in the link window. For more on null
here. Go over
Palette and click the plus (+) sign. From
the drop down menu, select
you'll see the four layers you created for your 4 images.
the "apple" layer and then click "Show" to
show the layer. Click OK.
let's change the "OnClick" to "OnMouseOver".
We need to add the "OnMouseOut" behavior to the link
so that when you remove your mouse from the "apple"
link, the apple image disappears.
the plus sign (+) again and select Show-Hide Layers again.
select the Apple layer, this time selecting "hide" from
the buttons on the bottom. Click OK.
change the action "onClick" to onMouseOut.
Step 9: Testing your Behaviors
do a quick Preview In Browser to see if it's working.
you see it looking good, go ahead and repeat steps 12-20 for your
Here's how your Layers Palette should look for
the 4 images: