How do I create rollover images on a web page?

Creating rollover images: javascript vs css

Some notes I prepared for students which may help someone out there