Advanced JavaScript™: Insights and Innovative Techniques

The Scenario

We start again with a Web site for Shelley Biotech, as we did in Chapter 1. The home page will still feature rollovers (though much more subtle ones). We start with a super-simple home page that looks like Figure 3-1.

Figure 3-1. Simple Shelley home page

We have rollovers that change the black navigation text (“news,” “products,” and so on) to a blue color. That's it. However, when the user clicks the navigation image, a large submenu appears, as in Figure 3-2.

Figure 3-2. Products submenu

Clicking “Research” will result in the submenu ...