mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 09:23 Benutzername: Passwort: Auto-Login

Thema: [JScript]Anfänger - MouseOver vom 12.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [JScript]Anfänger - MouseOver
Autor Nachricht
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Di 12.12.2006 09:24
Titel

[JScript]Anfänger - MouseOver

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen Lächel

Ich habe folgendes Problem: Navigationsleiste mit GIF-Buttons. Nach MouseOver wird
das Bild ausgetauscht. Beim Menüpunkt Kontakt öffnet sich ein JavaScript Submenü.
Jetzt ist mein Problem, daß wenn ich mit der Maus über die Einträge des Submenüs gehe,
der GIF-Button natürlich wieder in seinen Ursprungszustand zurückkehrt (Bild wiederherstellen
bei "OnMouseOut") Gibt´s einen Befehl oder eine Möglichkeit das zu verhindern? Benutze
Dreamweaver MX 2004.

Ich habe mir überlegt, ob ich vielleicht eine Ebene erstelle und dort über ein transparentes Gif-Bild
welches über den Bereich des Buttons und des Submenüs geht die Sache zu steuern....

Vielen Dank im voraus für etwaige Hilfestellungen Lächel


Grüße,

Dirk
  View user's profile Private Nachricht senden
Nimroy
Community Manager

Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht: Männlich
Verfasst Di 12.12.2006 09:26
Titel

Antworten mit Zitat Zum Seitenanfang

Mein Tipp: Spar dir das ganze Gebrabbel mit JS und nimm ein ordentliches Menü mit CSS. Findest du ganz viel zu hier im Forum! Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
meikschmidt

Dabei seit: 29.09.2006
Ort: -
Alter: 46
Geschlecht: Männlich
Verfasst Di 12.12.2006 11:57
Titel

Antworten mit Zitat Zum Seitenanfang

kann mich meinem vorredner anschliessen. erstelle gerade eine seite für einen freund. da könnte die navigation so aussehen.

Code:

ul#navigation {margin:100px 0 10px 0; padding:1px 0 0 0; border-top:5px solid #AAA; border-bottom:5px solid #AAA;}
ul#navigation li {list-style:none; margin:0; padding:0;}
ul#navigation li a {display:block; padding:2px 0 2px 5px; margin:0 0 1px 0; border-left:20px solid #CC9933; font-size:0.7em; font-weight:bold; text-align:left; text-decoration:none; background:#CCC;}
ul#navigation li a:hover {border-left:20px solid #CC3300; background:#DDD;}
* html ul#navigation a {width: 100%; w\idth: 100%;}

so sieht es aus http://www.layoutidee.de

In deinem fall mit einem bild müsste dann noch ein background-image definiert werden- z.B.
Code:

ul#navigation {margin:100px 0 10px 0; padding:1px 0 0 0; border-top:5px solid #AAA; border-bottom:5px solid #AAA;}
ul#navigation li {list-style:none; margin:0; padding:0;}
ul#navigation li a {display:block; padding:2px 0 2px 5px; margin:0 0 1px 0; border-left:20px solid #CC9933; font-size:0.7em; font-weight:bold; text-align:left; text-decoration:none; background:#CCC;}
ul#navigation li a:hover {border-left:20px solid #CC3300; background:#DDD url(images/deinbild.jpg);}
* html ul#navigation a {width: 100%; w\idth: 100%;}


auch solche effekte in der signatur stehende internetadresse sind mit css möglich.

eine gute beispielseite ist auch http://www.cssplay.co.uk/menus/index.html. dort findest du gute beispiele.


Zuletzt bearbeitet von meikschmidt am Di 12.12.2006 11:59, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Pinhead86
Threadersteller

Dabei seit: 12.12.2006
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mi 20.12.2006 15:08
Titel

Antworten mit Zitat Zum Seitenanfang

Zuerst einmal vielen Dank euch beiden für die Antwort! Lächel
Ich habe das Menü jetzt mit CSS erstellt. Leider ist aber mein
anfängliches Problem immer noch vorhanden...wie bekomme
ich es hin, daß beim öffnen des Submenüs der Hauptmenüpunkt
gehighlighted bleibt? Mit Hover im CSS wird der Hautpmenüpunkt
nach verlassen der Maus ja wieder auf seinen Ursprungszustand
zurückgesetzt....
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Mi 20.12.2006 15:14
Titel

Antworten mit Zitat Zum Seitenanfang

mach Dir einen zweiten Style der active heißt oder so.. Wenn der MenüPunkt aktiv ist gibst du ihm einfach den active Style *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bild bei Mouseover... Anfänger!
LiveMotion: Anfänger braucht hilfe bei mouseover
[jscript] scroll div content
Bildergalerie Mouseover andere Position & Mouseover Scroll
jscript variable richtig übergeben
[JavaScript] oder [JScript] - Popup schnell öffnen
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.