Intro | Purpose | Outline | Creation | Colors | Coding | Content | Design | Publish  

Coding

Mouseover aka Rollover

In this example we link to an external JavaScript called oodomimagerollover by adding the below line to the end of the HTML just before the </body> tag

<script type="text/javascript" src="oodomimagerollover.js">
/***********************************************
* DOM Image Rollover II- By Adam Smith (http://www.codevendor.com)
* Script featured on and available at Dynamic Drive (http://www.dynamicdrive.com)
* Keep this notice intact for usage please
***********************************************/
</script>

chamseyetutorial/oodomimagerollover.js  Download this code and place it in the same directory as the page your rollover effect is in or make sure to point the above coding to the folder (src="directoryXYZ/odomimagerollover.js) in which you have placed the script.

Next we'll apply the code to our images.