onMouseover som ændrer 2 billeder ...

Se denne her artikel. Nå du har læst den går du bare videre til den næste.
http://webcafe.dk/diverse/artikler/100/da100.php3

onmouseover=\"document.images[0].src=\'2.gif\';document.images[1].src=\'3.gif\'\"

Du kan se det på
http://users.cybercity.dk/~bbo1188/test/mouseovereffect1.html

koden er:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"
        \"http://www.w3.org/TR/REC-html40/loose.dtd\">
<HTML>
<HEAD>
  <TITLE>HTML</TITLE>
  <META HTTP-EQUIV=\"content-type\" CONTENT=\"text/html; charset=iso-8859-1\">
  <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  function changeIt(ImageToChange, ImageToShow) {
      if (document.images) {
          document[ImageToChange].src = ImageToShow;
      }
  }
  </SCRIPT>
</HEAD>
<BODY BGCOLOR=\"#FFFFFF\" MARGINHEIGHT=\"0\" MARGINWIDTH=\"0\" TOPMARGIN=\"0\" BOTTOMMARGIN=\"0\" LEFTMARGIN=\"0\" RIGHTMARGIN=\"0\">
<TABLE BORDER=\"0\" WIDTH=\"\" CELLSPACING=\"0\" CELLPADDING=\"0\">
<TR>
  <TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i2\', \'1.gif\');changeIt(\'i3\', \'1.gif\');changeIt(\'i4\', \'1.gif\');changeIt(\'i5\', \'1.gif\')\" OnMouseOut=\"changeIt(\'i2\', \'2.gif\');changeIt(\'i3\', \'3.gif\');changeIt(\'i4\', \'4.gif\');changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"1.gif\" NAME=\"i1\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
  <TD></TD>
  <TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i1\', \'2.gif\');changeIt(\'i3\', \'2.gif\');changeIt(\'i4\', \'2.gif\');changeIt(\'i5\', \'2.gif\')\" OnMouseOut=\"changeIt(\'i1\', \'1.gif\');changeIt(\'i3\', \'3.gif\');changeIt(\'i4\', \'4.gif\');changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"2.gif\" NAME=\"i2\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
</TR>
<TR>
  <TD></TD>
  <TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i1\', \'5.gif\');changeIt(\'i2\', \'5.gif\');changeIt(\'i3\', \'5.gif\');changeIt(\'i4\', \'5.gif\')\" OnMouseOut=\"changeIt(\'i1\', \'1.gif\');changeIt(\'i2\', \'2.gif\');changeIt(\'i3\', \'3.gif\');changeIt(\'i4\', \'4.gif\')\"><IMG SRC=\"5.gif\" NAME=\"i5\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
  <TD></TD>
</TR>
<TR>
  <TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i1\', \'3.gif\');changeIt(\'i2\', \'3.gif\');changeIt(\'i4\', \'3.gif\');changeIt(\'i5\', \'3.gif\')\" OnMouseOut=\"changeIt(\'i1\', \'1.gif\');changeIt(\'i2\', \'2.gif\');changeIt(\'i4\', \'4.gif\');changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"3.gif\" NAME=\"i3\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
  <TD></TD>
  <TD><A HREF=\"#\" OnMouseOver=\"changeIt(\'i1\', \'4.gif\');changeIt(\'i2\', \'4.gif\');changeIt(\'i3\', \'4.gif\');changeIt(\'i5\', \'4.gif\')\" OnMouseOut=\"changeIt(\'i1\', \'1.gif\');changeIt(\'i2\', \'2.gif\');changeIt(\'i3\', \'3.gif\');changeIt(\'i5\', \'5.gif\')\"><IMG SRC=\"4.gif\" NAME=\"i4\" WIDTH=\"40\" HEIGHT=\"40\" VSPACE=\"0\" HSPACE=\"0\" ALT=\"\" BORDER=\"0\"></A></TD>
</TR>
</TABLE>
</BODY>
</HTML>

takker!

Hvis du vil have én handler til at udføre flere ting skal du altid adskille dem med ; (semikolon). Så er der vist igen grænser...