Autor |
Nachricht |
lellebebbl
Threadersteller
Dabei seit: 16.03.2011
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 16.03.2011 20:24
Titel DIV bei Mouseover ein oder ausblenden |
|
|
Hey Leute,
sitz grad vor meiner Website (Testseite:http://hubdidubdi.hu.funpic.de) und bin eigentlich schon so Grundsätzlich fertig.
Es tut sich bloß noch eine Frage auf:
Wie bekomme ich es hin, das wenn die maus nicht mehr über dem weißen Balken ist, er sich automatisch ausblendet?
Gruß,
Lukas
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
|
|
|
|
Anzeige
|
|
|
itek
Dabei seit: 08.03.2006
Ort: 127.0.0.1
Alter: -
Geschlecht:
|
Verfasst Do 17.03.2011 11:22
Titel
|
|
|
Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 17.03.2011 11:31
Titel
|
|
|
itek hat geschrieben: | Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript. |
Er will ja den Banner nicht verstecken wenn die Maus drüber fährt, sondern sobald sie den Banner verläßt.
Somit fällt das aus.
|
|
|
|
|
buchstabensuppe
Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht:
|
Verfasst Do 17.03.2011 11:50
Titel
|
|
|
Ich würde mit jQuery arbeiten, dann hast du auch direkt einen schönen Fade-Effekt dabei.
Und dann müsstest du den Balken beim Aufrufen der Seite doch nur ausfaden lassen und beim onmouseover und onmouseout jeweils ein- oder ausblenden.
|
|
|
|
|
itek
Dabei seit: 08.03.2006
Ort: 127.0.0.1
Alter: -
Geschlecht:
|
Verfasst Do 17.03.2011 12:58
Titel
|
|
|
Kash hat geschrieben: | itek hat geschrieben: | Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript. |
Er will ja den Banner nicht verstecken wenn die Maus drüber fährt, sondern sobald sie den Banner verläßt.
Somit fällt das aus. |
Ist mir auch klar. Für alles weitere fehlen Infos. Ob der Banner beim laden stehen bleiben soll, und erst nach einer Aktion im Banner ausblendet z.B. – in dem Fall (und da sowieso schon JS genutzt wird) kann man natürlich JS nehmen.
In seinem Fall wäre aber alleine für ein Banner ausblenden wenige Änderungen nötig.
#content standardmäßig ohne Hintergrund und bei :hover den BG auf weiß
Oder
ein Parent-Div mit den entsprechenden Maßen um #content samt Navigation legen und dann eben parentdiv:hover #content {visibility:visible}
Soviel zu alles auf dem Silbertablett servieren
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 17.03.2011 12:58
Titel
|
|
|
Kash hat geschrieben: | itek hat geschrieben: | Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript. |
Er will ja den Banner nicht verstecken wenn die Maus drüber fährt, sondern sobald sie den Banner verläßt.
Somit fällt das aus. |
default => visibility: hidden
hover => visibility: visible
fällt also nicht aus
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 17.03.2011 14:56
Titel
|
|
|
pixelpapst303 hat geschrieben: | Kash hat geschrieben: | itek hat geschrieben: | Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript. |
Er will ja den Banner nicht verstecken wenn die Maus drüber fährt, sondern sobald sie den Banner verläßt.
Somit fällt das aus. |
default => visibility: hidden
hover => visibility: visible
fällt also nicht aus |
Naja, wie weiter oben schon gesagt, fehlen ein paar Infos. Wie soll sich der Banner beim Laden der Seite verhalten und wann soll er genau ausgeblendet werden.
So wie Du es zeigst, habe ich es nicht verstanden.
|
|
|
|
|
|
|
|
Ähnliche Themen |
sBilder ausblenden bei MouseOver, aber bei Link
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
Illustrator MouseOver
Mouseover Text
Mouseover mit Link
|
|