Growing Flower

The grow() JavaScript function runs when the mouse is over the image.

The shrink() JavaScript function runs when the mouse moves out of the image

NOTE: By default #s used for img height and width attributes are pixel-based, so the px is not included in these attributes (leave px off of the height and width attributes). HOWEVER, when setting these style attributes dynamically via script (such as in the JavaScript functions) the px must be explicitly included otherwise it won't work in some browsers.

TIP: Paragraphs also support onmouseover and onmouseout. Try adding the same JavaScript event code to a p tag to see what happens (just copy/paste it from img into a p tag).