mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 29.04.2024 05:23 Benutzername: Passwort: Auto-Login

Thema: DIV bei Mouseover ein oder ausblenden vom 16.03.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV bei Mouseover ein oder ausblenden
Seite: 1, 2  Weiter
Autor Nachricht
lellebebbl
Threadersteller

Dabei seit: 16.03.2011
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 16.03.2011 20:24
Titel

DIV bei Mouseover ein oder ausblenden

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Do 17.03.2011 01:13
Titel

Antworten mit Zitat Zum Seitenanfang

http://de.selfhtml.org/javascript/sprache/eventhandler.htm
  View user's profile Private Nachricht senden
Anzeige
Anzeige
itek

Dabei seit: 08.03.2006
Ort: 127.0.0.1
Alter: -
Geschlecht: Männlich
Verfasst Do 17.03.2011 11:22
Titel

Antworten mit Zitat Zum Seitenanfang

Ansonsten sind ":hover" und "visibility" dein Freund. Dann geht das auch ohne JavaScript.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 17.03.2011 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Do 17.03.2011 11:50
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
itek

Dabei seit: 08.03.2006
Ort: 127.0.0.1
Alter: -
Geschlecht: Männlich
Verfasst Do 17.03.2011 12:58
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 17.03.2011 12:58
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 17.03.2011 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel


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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen sBilder ausblenden bei MouseOver, aber bei Link
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
Illustrator MouseOver
Mouseover Text
Mouseover mit Link
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.