JavaScripts -> Bilder -> MouseOver-Grafikbuttons

<script type="text/javascript">
<!--
//Mouseover Button v1.0 (c) 2003 Triple-M / http://www.htmlarsenal.de

//Benutzung: Script mit dem Inhalt button(nr, URL) an der Stelle wo der Button stehen soll
// nr: Nr. der Button-Bilder, das erste ist 0, das zweite 1 etc.
// URL: Ziel-URL des Links

//Usage: script with the content button(nr, URL) where the button shall be placed
// nr: Number of button images, where the first is 0, second 1 etc.
// URL: Target URL of link

//Button-Bilder, kann verändert werden. np: Normale Bilder, op: Beim Überfahren mit der Maus, cp: beim Klicken
//button images, may be changed. np: normal, op: when touched with the mouse, cp: when clicked

var np=new Array("/pics/examples/b0n.gif","/pics/examples/b1n.gif");
var op=new Array("/pics/examples/b0o.gif","/pics/examples/b1o.gif");
var cp=new Array("/pics/examples/b0c.gif","/pics/examples/b1c.gif");

//Bitte ab hier nichts verändern / Please do not change anything from here on

var nim=new Array();
var oim=new Array();
var cim=new Array();

function button(n, href) {
  document.write('<a href="'+href+'"><img style="border:none;" src="'+np[n]+'" alt="" onMouseOver="this.src=oim['+n+'].src" onMouseOut="this.src=nim['+n+'].src" onMouseDown="this.src=cim['+n+'].src" /><'+'/a>');
  nim[n]=new Image();
  nim[n].src=np[n];
  oim[n]=new Image();
  oim[n].src=op[n];
  cim[n]=new Image();
  cim[n].src=cp[n];
}
//-->
</script>