<HEAD>
<TITLE>Netprog JavaScript Demos - Active Bullets</TITLE>
<SCRIPT LANGUAGE=JavaScript>
<!--
// Image
function cookiepic(theImage) {
theImage.src="smallcookie.gif";
}
function buttonpic(theImage) {
theImage.src="smallbutton.gif";
}
function stoprot() {
window.stop();
}
// -->
</SCRIPT>
<TABLE>
<TR><TD>
<H2>Move the mouse over a bullet</H2>
<DL style="font-family: Helvetica; font-size: 16pt">
<DT></DT><DD>
<A HREF=foo onMouseOver="cookiepic(document.image1);"
onMouseOut="buttonpic(document.image1);"
onClick='alert("Recipies!");return(false)'>
<IMG name=image1 BORDER=0 SRC=smallbutton.gif ALIGN=TOP></A>
Cookie Recipies
</DD>
<DT></DT><DD>
<A HREF=foo onMouseOver="cookiepic(document.image2);"
onMouseOut="buttonpic(document.image2);"
onClick='alert("Ingredients!");return(false)'>
<IMG name=image2 BORDER=0 SRC=smallbutton.gif ALIGN=TOP></A>
Ingredients
</DD>
<DT></DT><DD>
<A HREF=foo onMouseOver="cookiepic(document.image3);"
onMouseOut="buttonpic(document.image3);"
onClick='alert("Utencils!");return(false)'>
<IMG name=image3 BORDER=0 SRC=smallbutton.gif ALIGN=TOP></A>
Utencils
</DD>
</DL>
</TD>
<TD> <A HREF=foo onClick="stoprot(); return(false);">
<IMG BORDER=0 SRC=rotate.gif ></A>
</TD></TR></TABLE>
<HR>
The bullets change when the mouse moves over them. If you click on a bullet
it will bring up an alert.<BR>
You can stop the spinning cookie by clicking on it.
|