You are not logged in.

onMouseover background-color-syntax

wcf.regNote.message

Deathdragon

Beginner

  • "Deathdragon" started this thread

Posts: 37

  • Send private message

1

Saturday, February 9th 2008, 7:13pm

onMouseover background-color-syntax

hi ihrs,

ich bin grade dabei ne website zu machen und will bei der, wenn man mit der maus auf einen Navipunkt geht, dass sich die hintergrundfarbe ändert.

die grundsyntax von onMouseOver kenn ich schon, find aba nirgendwo, wie ich dem sage, dass er die hintergrundfarbe wechselt...

kann mir jemand sagen wie das geht?

mfg
Deathdragon

Spy

Trainee

Posts: 127

Occupation: Feriengammler

  • Send private message

2

Monday, February 18th 2008, 11:53pm

Ich würde bei SelfHtml nachschauen wenn ich mich nicht irre gab es da sogar so ein Beispiel. Ansonsten lässt sich so ein RollOver Effekt auch mit Bildern (+Javascript) nachmachen.

Ich weiß nicht wie deine Seite aufgebaut ist aber es gibt auch im CSS Bereich Möglichkeiten mit dem du div. RollOver Funktionen umsetzen kann.
Die Welt ist irgendwie total Buggy programmiert X(

This post has been edited 2 times, last edit by "Spy" (Feb 18th 2008, 11:55pm)

ShaoKhan

www.Spiegelwelt.com

Posts: 393

Location: 127.0.0.1

Occupation: EDV Dienstleister

  • Send private message

3

Wednesday, April 9th 2008, 10:37pm

Hintergrundfarben kannst du meines Wissens nach nur in Tabellen, Div's usw. ändern.
Das ginge dann mit

Source code

 
1

onMouseOver="getElementByID('ID').style.backgroundColor = '#FF0000';"

glaub ich.

Probier mal, sollte klappen.

ShaoKhan
Leben heisst - Narben tragen.

davil

Beginner

Posts: 36

Location: Wien

Occupation: Entwickler

  • Send private message

4

Friday, April 11th 2008, 9:42am

Wenn's nur ein einfaches HTML-Element ist, reicht folgendes CSS:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13

/* Für a href-Tags: */
a:hover {
    background-color: #aabbcc;
}

/* Für andere Elemente, z.B. divs, eine Klasse definieren: */
div.navi {
    background-color: transparent;
}

div.navi:hover {
    background-color: #aabbcc;
}


Seit IE7 kann sogar der Internet Explorer mit :hover für alle Elemente umgehen, deshalb ist onMouseOver für das eigentlich unnötig (und technisch weniger elegant).
~~~ ihr seid alle krank! ~~~ :D

wcf.user.socialbookmarks.titel