mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 03:34 Benutzername: Passwort: Auto-Login

Thema: Logik Problem: Bei hover über Menü wird DIV über Text gelegt vom 25.10.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Logik Problem: Bei hover über Menü wird DIV über Text gelegt
Autor Nachricht
Terrorpixel
Threadersteller

Dabei seit: 21.06.2011
Ort: Wuppertal
Alter: 32
Geschlecht: Weiblich
Verfasst Do 25.10.2012 09:32
Titel

Logik Problem: Bei hover über Menü wird DIV über Text gelegt

Antworten mit Zitat Zum Seitenanfang

Hallo Liebes Forum,

ich hänge nun seit einiger Zeit an einem Problem:
Auf folgener "Seite" http://d.pr/i/82pk hab ich eine Navigation welche sich beim hover runterklappt per .js (siehe "Kontakt")
Nun soll ich ein transparentes DIV über den Content legen, sobald man über das Menü fährt, damit der Text mehr in den Hintergrund gelangt.

Und genau da bleib ich hängen. Wie könnte man sowas realisieren? Ist das überhaupt möglich? Wäre für jeden Vorschlag offen.

Vielen Dank im Voraus
  View user's profile Private Nachricht senden
jense

Dabei seit: 04.11.2003
Ort: Dizzledope
Alter: 47
Geschlecht: Männlich
Verfasst Do 25.10.2012 09:41
Titel

Antworten mit Zitat Zum Seitenanfang

wo ist jetzt dein problem? transparenz? aufklappen? das drüberlegen?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
xBe

Dabei seit: 03.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht: Männlich
Verfasst Do 25.10.2012 09:44
Titel

Antworten mit Zitat Zum Seitenanfang

Also wenn ich das richtig verstanden habe brauchst du quasi nur noch einen kleinen schnipsel Jquery.

Quasi: Wenn Maus über Klasse .menuitem dann setze Box .fliesstext auf opacity 0.1!?
Richtig?

http://jsfiddle.net/pE7RW/12/





LG


Zuletzt bearbeitet von xBe am Do 25.10.2012 09:56, insgesamt 5-mal bearbeitet
  View user's profile Private Nachricht senden
Terrorpixel
Threadersteller

Dabei seit: 21.06.2011
Ort: Wuppertal
Alter: 32
Geschlecht: Weiblich
Verfasst Do 25.10.2012 10:54
Titel

Antworten mit Zitat Zum Seitenanfang

Lächel Korrekt. Habe nun eine Lösung gefunden:

Code:
//Bei mouseover
   $("ul.menu li.menu101").mouseover(function(){
        $("#page").animate({opacity: 0.3},{duration: 100});
   $(this).stop().animate({height:'500px'},{queue:false, duration:1500, easing: 'easeOutBounce'})
   });
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hover Dropdown Menü mit CSS und Java
Javascript / jQuery: Menü mit Hover bzw. Touch-Events
hover-effekt bei text?
[css] hover: statt Text - Hintergrund
Text innerhalb von a:hover mit 3 Farben
Text soll bei Hover über Tabellenzelle angezeigt werden..
Neues Thema eröffnen   Neue Antwort erstellen
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.