• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 8. Creating Rollovers > Hiding the drop-down menu when the page loads

Hiding the drop-down menu when the page loads

In this final step, you'll hide the secondary levels of navigation—the drop-down menus—when the page loads and until a Mouse Enter event occurs.

1.
In the index.html document, select the Navigation03 layer—the layer that holds the Who We Are, What We Do, and Contact Us text.

2.
In the Layer Inspector, deselect the Visible option. This makes the layer invisible until the mouse moves over it.

Earlier in this lesson, you made the Navigation01 layer—the layer that holds the Cyphaspis, Asteropyge, and Morocconities text—visible so you could see the format of the drop-down menu that you were creating. You'll hide that layer again.

3.
Select the Navigation01 layer. In the Layer Inspector, deselect the Visible option. This makes the layer invisible until the mouse moves over it.

4.
Now all three secondary drop-down menus are invisible until the mouse rolls over the text Trilobites, History, or About Us.

5.
Choose File > Save to save your work.



Managing layers

You can use the Layers palette to temporarily lock, hide or show a layer as you work. Settings in the Layers palette do not affect the display of the layers in the browser. You can also use the Layers palette to quickly select multiple layers for alignment and grouping.

Note

Some settings in the Layers palette are only temporary and will be overridden when you switch document views or click the Play button in the DHTML Timeline Editor for an animated layer.

Temporary settings help you work with multiple layers regardless of their status in the Layers Inspector.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint