Home
Free-Service
Online-Shop
Tassen & Co
CodeSnippets
WebTools
Software
Java/Scripte
Generatoren 
eKiwi Blog
Link zu uns
Impressum

Dynamischer Button

Auf vielen Seiten kommen derartige Buttons zum Einsatz. Buttons welche sich verändern sobald der Benutzer mit der Maus über den Button fährt. Dies ist relativ einfach realisierbar.

Für diesen Effekt wird der Button als Grafik in den zwei Zuständen benötigt. Einmal als Grafik die den normalen Button darstellt und einmal den Button wie er aussieht wenn der Benutzer mit der Maus auf dem Button ist.

normaler Button (normal.gif)

Button bei "mouseover" (over.gif)

 

Der Code der dem Button "Leben" einhaucht:

<a href="http://www.ekiwi.de" onMouseOver="buttonekiwi.src='over.gif';"onMouseOut="buttonekiwi.src='normal.gif';"> <img name="buttonekiwi"src="normal.gif"border="0"></a>

 

rot: Link des Buttons
blau: Variablenname des Button, hier einen beliegen Text eingeben, darf aber nur einmal pro Seite vorkommen

lila: die Dateinamen zu den jeweiligen Grafiken

Das Ergebnis: