pagerunners rolling forms page

What we're doing here is using rollovers via a hyperlink. At the same time---using a quick form attribute---we can have text appear in a form box upon onMouseOver and onMouseOut. The key is using a semicolon to link the two attributes.

Lana Turner

Veronica Lake

Source code:

<--Between the <head></head> tags-->
<script language="JAVASCRIPT" type="TEXT/JAVASCRIPT">

<!-- Hide script from old browsers

if (document.images) {

arrowRed = new Image

arrowBlue = new Image

arrowGreen = new Image

arrowRed.src = "lanaturner1.jpg"

arrowBlue.src = "hollywoodsign.jpg"

arrowGreen.src= "vlake1.jpg"

}

else {

arrowRed = ""

arrowBlue = ""

arrowGreen = ""

document.arrow = ""

}

// End hiding script from old browsers -->

</script>

<table border="0" cellpadding="4" cellspacing="3">
<tr>
<td>
<a href="index.htm" onmouseover="document.arrow.src=arrowRed.src;theForm.out.value='Lana Turner'" onmouseout="document.arrow.src=arrowBlue.src;theForm.out.value=''"><font face="Arial, Helvetica" size="4" color="#660000"><b>Lana Turner</b></font></a>

<p>
<a href="index.htm" onmouseover="document.arrow.src=arrowGreen.src;theForm.out.value='Veronica Lake'" onmouseout="document.arrow.src=arrowBlue.src;theForm.out.value=''"><font face="Arial, Helvetica" size="4" color="#660000"><b>Veronica Lake</b></font></a></td>
<td>
<img src="hollywoodsign.jpg" width="250" height="151" name="arrow">
</td></tr>
</table>
</center>
</p>
<p align="center">
<form name="theForm">
<input type="text" name="out" size="30">
</form></p>

Imagework Examples:

	"popping" out at the beach

	chateau watercolor "painting"

	making that special one stand out