Shelley Biotech

Let's start coding. We'll be building the home page for a fictional company called Shelley Biotechnologies. The home page looks like Figure 1-1.

Figure 1-1. Shelley Biotech home page

It's pretty simple. What do our rollovers look like? If the user rolls over “Products,” it should look like Figure 1-2.

Figure 1-2. Rollover example

Before we jump into rollovers, let's build the basic page, which is just comprised of a bunch of images. These images are in Figure 1-3.

Figure 1-3. The nonrollover images

You can download all the images ...

Get Advanced JavaScript™: Insights and Innovative Techniques now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.