Mouseover-Effekt

Hallo,
Kann mir jemand ein Script geben, mit dem ich bei Buttons einen Mouseover-Effekt erzeugen kann? Es soll Folgendes passieren:
Wenn man mit der Maus auf den Button zeigt, erscheint an der Stelle ein anderen Button und wenn man drauf klickt, noch mal ein anderer....
Hab schon im Internet gesucht, aber wie blöd es auch klingt, habe nichts gefunden, was mir hilft, das genau nach meinen Vorstellungen zu realisieren.

Schon mal vielen Dank im Vorraus.

MfG, Despa

 

Ohne Javascript (besser)
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active
mit javascript
http://de.selfhtml.org/html/attribute/eventhandler.htm#uebersicht

 

Also erstmal vielen Dank für die sehr schnelle Antwort!

Folgendes Problemchen besteht aber noch.
Ich möchte das ohne JavaScript verwenden....Nun ist da angegeben, in welchen Farben die Links in den jeweiligen Situationen sind. (Also beim Anklicken, besuchte Links etc.) Da ich aber Buttons (Grafiken) verwenden möchte und diese dann natürlich für jeden Link unterschiedlich sind (Beschriftung), komme ich mit dem Script irgendwie nicht klar. Hab es ausprobiert, aber es klappt nicht.

 

Nur mal so als Gedanken:
_

• auch ein <a>-Tag kann einen Hintergrund als Grafik haben und damit z.B. per a:hover geändert werden
• der Text des Buttons muss keine Grafik (kann aber - ja nach gewünschten Effekt) sein

Guckst du in mein Profil für ein einfaches Beispiel.

 

Ist mir schon klar, so blöd bin ich auch wieder nicht. Aber so blöd es auch klingt, es hat nicht geklappt, was auch immer ich versucht habe.
Werd aber weiter rumprobieren, so schnell geb ich nicht auf. Aber vielleicht kann mir jemand noch einen Tipp geben, um mir das Rumärgern zu ersparen?!

 

Sieh dir mal den Quelltext dieser Seite an.

 

Tja, da du uns nicht zeigst, was du probiert hast...

 

Hallo,
also ich habe es jetzt mit Hilfe des Quelltextes von der Seite, die prm genannt hat, probiert. Jedoch klappt es immer noch nicht so, wie es sollte. Ich weiß aber nicht, woran es liegen könnte, da ich jeweils nur die URLs meiner Grafiken eingesetzt und sonst nichts verändert habe. Kann mir bitte noch mal jemand helfen?
Hier der Link zu meiner Testseite.

Schon mal vielen Dank im Voraus.

MfG, Despa

 

...au, welch Krampf...

Teil 1

Code:

a {
	display:block;
	width: 200px;
	height: 50px;
}
	
a.button01 {
	background: url(http://brooklyn-world.beeven.de/Home-Button.JPG) no-repeat;
}
	
a.button01:hover {
	background: url(http://brooklyn-world.beeven.de/Home-Button2.JPG) no-repeat;
}

Teil 2

Code:

<a href="#wasauchimmer" class="button01"></a>