Lab 2: Create a rollover that changes one central image from multiple links. The image that results from each link should be different.
Source:
<head>
<script language="javascript" type="text/javascript">
<!--
if (document.images){
labText = new Image()
labText.src = "lesson_5/lab_3.gif"
labfText = new Image()
labfText.src = "lesson_5/lab_4.gif"
bgText = new Image()
bgText.src = "lesson_5/bg.gif"
}
else{
labText = ""
labfText = ""
document.textField = ""
}
//-->
</script>
</head>
<p>
<a href="lesson_5_lab_3.html" onmouseover="document.textField.src=labText.src" onmouseout="document.textField.src=bgText.src">Lab 3</a><br>
<a href="lesson_5_lab_4.html" onmouseover="document.textField.src=labfText.src" onmouseout="document.textField.src=bgText.src">Lab 4</a>
</p>
<img src="lesson_5/bg.gif" width="150" height="40" name="textField" id="textField">