Elemente weich ein-/ausblenden
Dale Russell
- javascript
Hallo Forum!
Bisher habe ich meine Navigation mittels CSS realisiert und möchte das auch so behalten. Aber weil der IE hover nicht auf div beherrscht, habe ich es jetzt zusätzlich in JS über onMouseover/onMouseout und style.display="none"/"block" gemacht.
Und weil ich gerade dabei bin, will ich auch gleich so ein schön weiches rein- und rausfahren der Submenüs machen - dachte ich mir. Gsehen habe ich das schon hin und wieder. Aber ich komme nicht drauf wie das gemacht wird, meine bisherigen Suchen ergaben leider keine Treffer.
Wenn jemand von euch ein Tutorial oder eine simple Seite zum Abschauen kennt, wäre ein Hinweis Klasse.
Grüße,
Dale
Hallo Dale,
Da wäre z. B. das Stichwort Einblenden in SELFHTML selbst.
Das funktioniert aber nur mit dem IE.
Gruß Gernot
Hi Gernort,
herzlichen Dank auch Dir für die schnelle Antwort!
Da wäre z. B. das Stichwort Einblenden in SELFHTML selbst.
Autsch, ich hatte immer das Stichwort "weich" mit angegeben und da wird diese Seite nicht ausgegeben.
Das funktioniert aber nur mit dem IE.
Und damit kann es an sich nicht so funktionieren wie ich das meinte.
Inzwischen habe ich auch wieder eine der Seiten gefunden, die diesen Effekt bieten: http://www.meade.de/index.php?id=1
Dort funktioniert das auch mit Mozilla, aber der Code ist so ein Wust, daß ich die entscheidende Stelle nicht finden kann.
Dale
Hallo,
Inzwischen habe ich auch wieder eine der Seiten gefunden, die diesen Effekt bieten: http://www.meade.de/index.php?id=1
unter Opera 8.0 sehe ich kein Sub-Menü
mfg
Twilo
Inzwischen habe ich auch wieder eine der Seiten gefunden, die diesen Effekt bieten: http://www.meade.de/index.php?id=1
unter Opera 8.0 sehe ich kein Sub-Menü
Ui, tatsächlich. Allerdings nur nicht wenn sich Opera als Opera ausgibt. Behauptet er Mozilla oder IE zu sein, funktioniert's (sogar mit transparente Submenüs, das macht er nichtmal im IE 5).
Dale
Hallo Dale,
Inzwischen habe ich auch wieder eine der Seiten gefunden, die diesen Effekt bieten: http://www.meade.de/index.php?id=1
Dort funktioniert das auch mit Mozilla, aber der Code ist so ein Wust, daß ich die entscheidende Stelle nicht finden kann.
Darf ich dir behilflich sein?
view-source:http://www.meade.de/fileadmin/meade2/template/js/ypSlideOutMenus.js
Gruß Gernot
Darf ich dir behilflich sein?
view-source:http://www.meade.de/fileadmin/meade2/template/js/ypSlideOutMenus.js
Du darfst - Dankeschön. Das werde ich mal durchgehen.
Gruß,
Dale
Hallo,
Und weil ich gerade dabei bin, will ich auch gleich so ein schön weiches rein- und rausfahren der Submenüs machen
Geckos kennen eine CSS-Eigenschaft names 'opcity', mit der du Teiltransparenz
einstellen kannst (Werte zwischen 0 und 1). Wenn du die per JS langsam
veränderst, bekommst du auch so einen Ein-/Ausblendeffekt hin.
Für den IE hat dir Gernot ja schon einen Link gepostet.
Gruß, Jan
Hi,
Geckos kennen eine CSS-Eigenschaft names 'opcity', mit der du Teiltransparenz
einstellen kannst (Werte zwischen 0 und 1). Wenn du die per JS langsam
veränderst, bekommst du auch so einen Ein-/Ausblendeffekt hin.Für den IE hat dir Gernot ja schon einen Link gepostet.
Danke für Deine schnelle Antwort!
Ich glaube aber, mit "einblenden" hatte ich in der Überschrift das falsche Wort benutzt. Ich meinte eher wie im Text geschrieben "rein- und rausfahren" - das geht mit opacity nicht. Wobei auch die Opacitysache interessant klingt. Allerdings habe ich auch hier keine Ahnung wie man die langsam aufdrehen sollte.
In einer Schleife mit Timer?
Dale
Hi,
In einer Schleife mit Timer?
Ja. Browserübergreifend: Coding: Durchsichtige Elemente
Und dann mit einem Timer einfach pro Durchlauf die Transparenzangabe ändern.
Gruß, Cybaer
Und dann mit einem Timer einfach pro Durchlauf die Transparenzangabe ändern.
Ich glaube, die Ein-/Ausblendung habe ich jetzt hingekriegt. Aber irgendwie macht mir da noch was einen Strich durch die Rechnung.
Ich habe dazu mal ein neues Thema unter "onMouseover/-out wird zu oft aufgerufen" angefangen.
Gruß,
Dale