[Erledigt] Einfacheres MouseOver

07.01.2006, 16:01

grützi, ich wollte mal fragen, ob ihr ne einfachere lösung für mouseover kennt als ich. also ganz normal: maus darüber - farbe ändert und umgekehrt wenn die maus wieder weg ist.
Bis jetzt mach ich das immer mit javascript. z.B.

Code:

<script> function color(o)  { 
o.className = "color" 
}
          
 function decolor(o) {
       o.className = "normal" 
 }
</script>

dann die tabelle

Code:

<td onMouseOver="color(this)" onMouseOut="decolor(this)"> ...

Gibt's da nich ne einfachere möglichkeit ohne javascript, sondern nur mit css
tschö

agrajag · 07.01.2006, 16:46

Ja gibt es.
CSS:
td {background-color:black;}
td:hover {background-color:white;} (für "onmouseover")

Funktioniert derzeit so noch nicht im IE, da der IE :hover nur für das element a kennt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] "Spezielles" Mouseover	errox	JavaScript, Ajax und mehr	51	26.06.2008 13:11
Headerwechsel per Mouseover	tinchen	HTML, Usability und Barrierefreiheit	8	26.11.2006 23:06
[JS] mouseover	cycap	HTML, Usability und Barrierefreiheit	1	29.08.2006 00:15
Navigationmit Mouseover Effekt	themonk	HTML, Usability und Barrierefreiheit	1	15.08.2006 23:09
div erscheint bei mouseover	yoshy	HTML, Usability und Barrierefreiheit	3	03.03.2006 09:35
mysql_fetch_array - da gabs doch was einfacheres		PHP Tipps 2007	1	30.12.2005 09:49
JS: Mouseover Effekt für Bilder. Nach include geht er nicht		HTML, Usability und Barrierefreiheit	4	03.12.2005 16:30
Abgerundetes Rechteckt mit MouseOver Effekt?		HTML, Usability und Barrierefreiheit	1	30.10.2005 18:13
[Erledigt] Mouseover Menü in Javascript und PHP Lösung ?		PHP Tipps 2005-2	4	20.07.2005 08:48
Mouseover popup	seejay	HTML, Usability und Barrierefreiheit	3	31.05.2005 21:48
Mausverfolger bei Mouseover	Tschuu	HTML, Usability und Barrierefreiheit	1	17.05.2005 12:18
Bild in Zeile bei Mouseover ändern	Tschuu	HTML, Usability und Barrierefreiheit	7	11.03.2005 12:42
mouseover und Fensterformatierung		HTML, Usability und Barrierefreiheit	2	11.11.2004 14:27
mouseover beschreibung	me	HTML, Usability und Barrierefreiheit	1	09.09.2004 22:03
Hintergrundfarbe bei MouseOver ändern	zwelch	HTML, Usability und Barrierefreiheit	5	11.08.2004 16:10

07.01.2006, 16:01
Gast Beiträge: n/a	[Erledigt] Einfacheres MouseOver grützi, ich wollte mal fragen, ob ihr ne einfachere lösung für mouseover kennt als ich. also ganz normal: maus darüber - farbe ändert und umgekehrt wenn die maus wieder weg ist. Bis jetzt mach ich das immer mit javascript. z.B. Code: <script> function color(o) { o.className = "color" } function decolor(o) { o.className = "normal" } </script> dann die tabelle Code: <td onMouseOver="color(this)" onMouseOut="decolor(this)"> ... Gibt's da nich ne einfachere möglichkeit ohne javascript, sondern nur mit css tschö


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.01.2006, 16:46
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Ja gibt es. CSS: td {background-color:black;} td:hover {background-color:white;} (für "onmouseover") Funktioniert derzeit so noch nicht im IE, da der IE :hover nur für das element a kennt. __________________ Today you...Tomorrow me.