dev.whereisnathan.com

dev.whereisnathan.com rollovers without javascript

Example 1

This one is probably the best for straight replacement of JavaScript. I say that
because you probably already have the images created and you'll just use the CSS to
swap them instead of JavaScrript. For each button you'll do everything the same, just
change "image" to whatever the button is called.

Example 2

Item 1 Item 2 Item 3 Tutorio

In this example I'm only using one image for the whole thing.
The image has 3 'buttons' included in it and the CSS just moves the
image to create the rollover. The background image looks like this:

rollover-image.gif
Image used for rollovers above

Here'some links to tutorials I looked up for this:
http://www.tutorio.com/tutorial/pure-css-image-rollovers
http://www.wellstyled.com/css-nopreload-rollovers.html
http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html