Mouseover Text ?

[DjMG]

Hi all !



Ich wollte mal fragen, ob das möglich ist:


Wenn ich einen Text habe (oder ein Wort) und der ist schwarz z.b.
geht es dann, dass wenn ich mit der Maus drüber fahre, dass
der dann rot wird ?


VIelen Dank für eure Antworten !


Lg
DjMG

 

[Ultraflip]

Stichwort CSS ... da gibt es die :hover-Klasse ... aber google lieber mal, bevor hier das breite erklären losgeht ...

 

[DjMG]

Hi


habs jetzt mal so probiert:


<h1 onMouseOver="this.style.color = 'red';" onMouseOut="this.style.color = 'black';">
<font face="Tahoma">mouseovertest</font></h1>


Das funktioniert bei mir eigentlich ganz gut !
Kann ich da auch HEX werte für die farbe nehmen, weil ich
eigentlich mehrere Farben brauche ^^


Ist der Code Firefox und IE tauglich ?


Lg
DjMG

 

[redlama]

Oder schau einfach hier nach, da steht es genau beschrieben! ^^

redlama

 

[DjMG]

thx !

Lg
DjMG

 

[redlama]

[...]<h1 onMouseOver="this.style.color = 'red';" onMouseOut="this.style.color = 'black';">
<font face="Tahoma">mouseovertest</font></h1>

Bedenke dabei, dass nicht jeder JavaScript aktiviert hat. Mit Hover (siehe mein Link oben) geht das auch ohne JavaScript.

[...]Kann ich da auch HEX werte für die farbe nehmen, weil ich
eigentlich mehrere Farben brauche ^^

Ja, kannst Du!

redlama

 

[DjMG]

ja stimmt.

aber wird das Probleme geben, wenn ich eine Schriftart nehme,
die ich mir runtergeladen hab, und somit nicht jeder am PC hat ?

(nicht jetzt Tahoma, wie im Beispiel )

Lg
DjMG

 

[redlama]

Das würde so oder so Probleme geben, ob nun mit mouseover oder hover!
Für den Fall solltest Du auf jeden Fall mehrere Schriftarten definieren.
Ich habe auf meiner seite z. B. folgende Schriftarten definiert:

font-family: Comic Sans MS, Verdana, Arial, sans-serif;

Falls ein Rechner comic nicht kennt, dann probiert er eben die anderen durch. Sans-serif z. B. wird auf jeden Fall erkannt.

redlama

 

[DjMG]

achso - wo muss denn der font-family code rein ?


ich habs jetzt mal so (mit javascript belassen):

http://djmg.dj.funpic.de/testo
(wenn link nicht funktioniert, einfach kopieren und in neuem fenster einfügen)


Lg
DjMG

 

[redlama]

Wie gesagt, ohne JavaScript kein Effekt!
Schau Dir doch einfach mal meine Seite an: www.redlama.org
Da kannst Du Dir den Hover Effekt an den Links anschauen!
Ich habe alle Stylesheets in einer externen CSS Datei definiert, die kannst Du Dir anschauen, wenn Du auf der Startseite ganz unten auf den CSS Button von W3C klickst.
Die Bereiche a:hover, a:visited, ... sind für den Hovereffekt zuständig. Ansonsten wie steht es aber auch wie bereits erwähnt auf SelfHTML (siehe Link oben).

redlama

P.S. Wenn Du dabei Hilfe brauchst, helfen wir gerne!