pagerunners.com html rollovers

With a few lines of editable code, even rollovers can be safe in an amateur's hands. Using a visual editor is, of course, easier than writing code by hand. However, there is a certain visual editor that would write this example using over 80 lines of code. And try editing that one...

Source code:
<--Between the <head></head> tags--> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <table width="90%" border="0" align="center"> <tbody> <tr> <td> <P ALIGN="CENTER"> <div align="center"><IMG SRC="rollover.jpg" WIDTH="425" HEIGHT="105" ALT="pagerunners rollovers logo"></div> </P> <A HREF="www.coasttocoastam.com/" onMouseOver="act('home')" onMouseOut="inact('home')"> <IMG SRC="bell1.gif" NAME="home" BORDER="0" ALT="Art Bell"></A><BR> <A HREF="http://www.bertisevil.tv/" onMouseOver="act('aff')" onMouseOut="inact('aff')"> <IMG SRC="bert1.gif" NAME="aff" BORDER="0" ALT="Bert is Evil"></A><BR> <A HREF="http://www.funnycoolstuff.com/" onMouseOver="act('sor')" onMouseOut="inact('sor')"> <IMG SRC="cool1.gif" NAME="sor" BORDER="0" ALT="Cool Stuff"></A><BR> <A HREF="http://www.allowe.com/Humor/book/Actual%20Song%20Titles.htm" onMouseOver="act('cwm')" onMouseOut="inact('cwm')"> <IMG SRC="cw1.gif" NAME="cwm" BORDER="0" ALT="Country Western Song Kit"></A><BR> <A HREF="http://www.gibbleguts.com" onMouseOver="act('gib')" onMouseOut="inact('gib')"> <IMG SRC="gibble1.gif" NAME="gib" BORDER="0" ALT="Gibbleguts"></A><BR> <A HREF="http://www.koffeekorner.com/koffeewierdnews.htm" onMouseOver="act('kof')" onMouseOut="inact('kof')"> <IMG SRC="koffee1.gif" NAME="kof" BORDER="0" ALT="Koffee News"></A><BR> <A HREF="http://www.funnydog.net/funny/Mad-Dog.html" onMouseOver="act('mad')" onMouseOut="inact('mad')"> <IMG SRC="mad1.gif" NAME="mad" BORDER="0" ALT="MadDog"></A><BR> <A HREF="http://www.schmuck.com" onMouseOver="act('sch')" onMouseOut="inact('sch')"> <IMG SRC="sch1.gif" NAME="sch" BORDER="0" ALT="Schmuck"></A><BR> <A HREF="http://www.usatoday.com/news/nweird.htm" onMouseOver="act('sli')" onMouseOut="inact('sli')"> <IMG SRC="slight1.gif" NAME="sli" BORDER="0" ALT="Slightly off center"></A><BR> <A HREF="http://www.tabloidcolumn.com/" onMouseOver="act('tab')" onMouseOut="inact('tab')"> <IMG SRC="tab1.gif" NAME="tab" BORDER="0" ALT="Tabloid News"></A><BR> <A HREF="http://www.wunderground.com/hurricane/hurrarchive.asp" onMouseOver="act('udr')" onMouseOut="inact('udr')"> <IMG SRC="under1.gif" NAME="udr" BORDER="0" ALT="Underground"></A><BR> <A HREF="http://voltagemag.com" onMouseOver="act('vol')" onMouseOut="inact('vol')"> <IMG SRC="volt1.gif" NAME="vol" BORDER="0" ALT="Voltage"></A><BR> <A HREF="http://www.newsoftheweird.com/" onMouseOver="act('wrd')" onMouseOut="inact('wrd')"> <IMG SRC="weird1.gif" NAME="wrd" BORDER="0" ALT="Weird News"></A><BR> <A HREF="http://www.oddee.com/item_63950.aspx" onMouseOver="act('wdr')" onMouseOut="inact('wdr')"> <IMG SRC="weird3.gif" NAME="wdr" BORDER="0" ALT="Weird Science"></A>

HTML Tips n' Tricks

rollovers
onmouseout
onmouseover