Mouseover?

Praim · 03/10/2013, 17:20

Hallo!
Ich würde ganz gerne auf meiner Website einen einfachen Button einbauen.
Fährt man über diesen herüber, soll er die Farbe von dunkel- zu hellblau ändern - praktisch wie hier ->

Wie mache ich das?

Viele Grüße

Mikesch01 · 03/10/2013, 19:14

Mit CSS und dem dortigen Hover Befehl

Google mal nach "CSS hover".

DjCeeM · 03/13/2013, 13:45

<input type="button" onMouseOver="*farbe*" onMouseDown="*farbe*"...

PseudoPsycho · 03/13/2013, 14:54

Quote:

Originally Posted by DjCeeM

<input type="button" onMouseOver="*farbe*" onMouseDown="*farbe*"...

Ähm, nee.. Das sind JavaScript-Eventhandler, keine Farbangaben. Ginge theoretisch auch mit JS, ist aber überflüssig.
Besser im Header folgendes (oder extern als .css-Datei und per <link> verknüpfen):

HTML Code:

<style type="text/css">
.btn:hover { background-color:rgb(255, 0, 0); }
</style>

und im Dokument:

HTML Code:

<input type="button" class="btn" value="Hover me!">