Dale Russell: Elemente weich ein-/ausblenden

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

  1. Hallo Dale,

    Da wäre z. B. das Stichwort Einblenden in SELFHTML selbst.

    Das funktioniert aber nur mit dem IE.

    Gruß Gernot

    1. 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

      1. 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

        1. 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

      2. 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

        1. 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

  2. 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

    1. 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

      1. 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

        --
        Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
        1. 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