Navigations-Menü Animiert???

SHADOW

Hi Leute!
Ich brauche ein animiertes Menü für meine Seite in dem man auf das Hauptthema klickt, und dann die Unterthemen von unten rausfahren.
Ungefähr nach diesem Schema:
###########
#Informationen# <-Fester Button, wenn es geht mit Bild...
###########
--Über A
--Kontakt
--Sonst was?

Der Button an sich ist nur zum öffnen der Unterthemen, und dadurch werden die Unterthemen vom unterem ende des Buttons ausfahren....
Dabei übernimmt der Button an sich nur eine funktion: andere Menüpunkte ausfahren...

Die Unterthemen sind verlinkt auf die verschiedenen Html Seiten!

Hat jemand ein solches Script? Würde mich über eine Antwort freuen!

MFG SHADOW

GreenRover

also man nehmen ein button in einer tabelle und setze es in eine tabellen zelle.

In die zelle da drunter packe man ein dv welches auf folgende stales gesettzt wird:

position:absolute;
display:none;

geben dem div dazu noch eien id und lege auf dem buttom dan ein

OnMouseOver="document.getElementById('die_id_des_buttom').styles.display='inline';"
OnMouseOut="document.getElementById('die_id_des_buttom').styles.display='none';"

dazu muss ins div noch ein:
OnMouseOver="this.styles.display='inline';"
OnMouseOut="this.styles.display='none';"

naja und alles wird wieder gut.

Anschauungs beispiel:
http://web190.movetec-server.ch/details_5/fcc-groupag.html

SHADOW

So meinte ich das eigentlich nicht...
ich meinte eigentlich einen Button der beim anklicken ausfährt...
quasi eine Schaltfläche. Diese wird angeklickt, und dann erscheinen die Unterthemen unter dem Hauptbutton.
Ich kenne jetzt keine Beispielseite, es sei den du bist bei gmx angemeldet... hier kann man z.B. unter E Mails usw. ein Hauptthema anklicken und es erscheinen die Unterthemen.

Diser werden wiederum per Hyperlink mit anderen Frames usw. verlinkt.

Hat jemand sowas?Über meldungen würde ich mich sehr freuen!

MFG SHADOW

GreenRover

also nach unten raus laufen???

also wie auf:

http://www.grafik-designer.ch/seiten/referenzen/referenzen.htm

oder wie meinst du genau.

SHADOW

Genau so meinte ich das! Gibt es dafür ein einfaches Script?
MFG SHADOW

GreenRover

hier der vereinfachte HTML code:

Code

<a id="text_main_dienstleistungen" onClick="meneu_open('div_main_dienstleistungen', 'text_main_dienstleistungen')">Dienstleistungen</a>
 
  <div id="div_main_dienstleistungen"  style="display:none;">
    Dein untermeneu
  </div>

und ide js funtion dazu...

Code

function meneu_open( meneu_to_open, text_to_change )
{
 document.getElementById('div_main_dienstleistungen').style.display='none';
 document.getElementById('div_main_referenzen').style.display='none';
 document.getElementById('div_main_bestellung').style.display='none';
 document.getElementById('div_main_kontakt').style.display='none';
 
 document.getElementById('text_main_dienstleistungen').className='main_meneu_text_light';
 document.getElementById('text_main_referenzen').className='main_meneu_text_light';
 document.getElementById('text_main_bestellung').className='main_meneu_text_light';
 document.getElementById('text_main_kontakt').className='main_meneu_text_light';


 document.getElementById(meneu_to_open).style.display='inline';
 document.getElementById(text_to_change).className='main_meneu_text_dark';
}

Alles anzeigen

Tags