kostenloser Webspace werbefrei: lima-city


Navigation

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    hyrsch

    hyrsch hat kostenlosen Webspace.

    Hi!
    Ich versuche schon seit einiger Zeit eine Navigation mit Javascript und CSS zu erstellen. Leider bin ich was Javascript betrifft noch blutiger Anf?nger (um nicht noob zu sagen ^^). Naja so stelle ich mir das ganze vor: http://hyrsch.pyrokar.lima-city.de/menu.gif

    Eigentlich recht einfach, dass mit display:none / display:block zu realisieren, doch ich scheitere vor allem daran, dass ich nicht wei?, wie ich die alten Untergeordneten Links wieder auf none bringe wenn ich ?ber einen anderen Link hovere. Hab es mit arrays versucht, leider komme ich damit nicht wirklich zurecht. Vielleicht hat jemand schon einmal etwas ?hnliches gemacht oder kennt ein gutes Tutorial.
    Danke
    hYrsch
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m*2

    Vll so:

    <script text="type/javascript">
    function hover(elem)
    {
    var box = document.getElementById(elem);
    box.style.left="10px";
    }
    function weg(elem)
    {
    var box = document.getElementById(elem);
    box.style.left="3000px";
    }
    </script>

    <div style="position:absolute;left:10px;top:25px">
    <span onmouseover="hover('gruppe1');" onmouseout="weg('gruppe1');">link 1</span>
    ...
    </div>

    <div id="gruppe1" style="position:absolute;left:-3000px;top:50px">
    Unterlink 1
    ...
    </div>

    -----------------------------------------

    Habe den Code aber nicht getestet :nosmile:
  4. Autor dieses Themas

    hyrsch

    hyrsch hat kostenlosen Webspace.

    hm.. danke f?r die bem?hung.. leider ist nichts davon f?r mich brauchbar:slant:
  5. du machst folgendes:

    Du wei?t jedem Men?eintrag eine eindeutige ID (also <div id="" )zu und ordnest dann die <div>'s mit position:absolute so an, wie du sie haben m?chtest.
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
    Dann f?gst du zu jedem <div> noch das Attribut OnClick ein.
    <div id="" OnClick="document.getElementById('die_id_des_untereintrages_im_menu1').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu2').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu3').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu4').style.display:inline; ... ">

    </div>

    Das sollte dir einen Denkansto? geben.
  6. Autor dieses Themas

    hyrsch

    hyrsch hat kostenlosen Webspace.

    ja.. so hatte ich das auch.

    w?rde es allerdings gerne etwas dynamischer machen. (sodass ich einfach nur die links oben und die dazugeh?rigen links unten in ein array schreibe).
    trotzdem vielen dank
  7. Schau dir das mal an: http://www.killer-city.de.vu und sag mir ob das deinen Vorstellungen entspricht.
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!