Navigation, Mouseover, mehr Auswahlmöglichkeiten
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfahrt
blocker
code
elementare bestandteile
form
getriebe
grundstruktur
http
information
jugendschutz
komplett baue
medium
neueren versionen
problem
raten
umsetzung
unfug
url
verwenden
verwendung
-
Ok, vorweg sei gesagt, dass ich noch keinen Code zu der Seite habe, da diese noch in der Entwicklungsphase ist.
Ich bastel gerade meine erste Seite, die auf Boxen aufbaut, und möchte daher etwas besonderes auf die Beine stellen.
Links möchte ich eine Navigation machen, mit ein paar Oberbegriffen. Wenn man mit der Maus darüber fährt, sollen mehr Auswahlmöglichkeiten "nach unten raus fahren" ... für den Anfang würde mir ein einfaches Erscheinen schon reichen.
Bsp:
Auf der Startseite ist zu sehen:
News
Informationen
Medien
Wenn man dann über Informationen fährt, soll zu sehen (und auszuwählen sein):
News
Informationen
Billing
Jugendschutz
Anfahrt
Medien
Und wenn man direkt auf Informationen klickt sollte es wie folgt aussehen (diesmal allerdings permanent, bis man in eine andere Kategorie wechselt):
News
Informationen
Billing
Jugendschutz
Anfahrt
Medien
Ich hoffe ich hab das sinnvoll erklärt...
dazu habe ich auch noch mit Paint eine Skizze angefertigt:
http://mordfest.lima-city.de/layout_mordfestseite.jpg
Ich hoffe ihr könnt mir helfen...
so far
das Mordfest-Team -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Der große Google antwortet auf die Frage: "Wie baue ich ein Drop-Down-Menue?" folgendes:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern -
also ich hab damals ein Javascript benutzt welches mit sehr gut gefalen hat. Ich suchs dir mal raus.
Dann müsstest du eben umschreiben wegen klick und mouseOver.
hmm aber machs doch so :
<script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("deineID").click(function () { $("deineIDzumausfaheren").slideToggle("slow"); $("deineID").slideUp("slow"); }); $("deineID").click(function () { $("deineIDzumausfaheren").slideToggle("slow"); $("deineID").slideUp("slow"); });
Wobei eben deineIDzumausfahren dein Information wäre.
und deineID eben die Drop downs.
hier der komplette Code und ein beispiel Menu1 und Menu2 laufen auf dem gleichen code aber eine etwas andere Möglichkeit.
http://psd.lima-city.de/lima-bsp/menu/menu.html -
@psd:
Dein Javacsript wurde mit der JS-Bibliothek jQuery geschrieben.
jQuery ist hier sicherlich geeignet.
Erforderlich ist zur Verwendung jedoch der kostenlose Download unter jquery.com.
Dort finden sich auch gute Anleitungen. -
Ich persönlich rate dir davon ab, JavaScript für elementare Bestandteile deiner neuen Seite zu verwenden. Das Problem sind die Script-Blocker, die von einigen genutzt werden, einfach weil mit JavaScript auch viel Unfug getrieben wird. Andere deaktivieren die Verwendung von JavaScript auch komplett.
Baue die Grundstruktur lieber mit einfachem HTML zusammen, wie "alphara" bereits sagte, und dann mit CSS verfeinern. Schöne Menü-Templates gibt es auch hier: http://www.dynamicdrive.com/style/csslibrary/category/C2/ -
traumalos schrieb:
Ich persönlich rate dir davon ab, JavaScript für elementare Bestandteile deiner neuen Seite zu verwenden. Das Problem sind die Script-Blocker, die von einigen genutzt werden, einfach weil mit JavaScript auch viel Unfug getrieben wird. Andere deaktivieren die Verwendung von JavaScript auch komplett.
Baue die Grundstruktur lieber mit einfachem HTML zusammen, wie "alphara" bereits sagte, und dann mit CSS verfeinern. Schöne Menü-Templates gibt es auch hier: http://www.dynamicdrive.com/style/csslibrary/category/C2/
Kurze Anmerkung dazu: Das Ganze geht ziemlich genial ohne JS nur mit CSS und HTML - Jedenfalls solange der User kein IE benutzt. Bei den älteren IE Versionen versagen die CSS komplett und du kannst nur über JS arbeiten, wie das bei neueren Versionen ist, weiß ich nicht genau. Vermutlich ist die CSS-Umsetzung aber auch da nicht ganz optimal. Deshalb ist die beste Lösung des Problems, das ganze mit einer passenden Mischung zu machen (was übrigends alles in dem von mir geposteten Link beschrieben wird, sieht da halt nur bescheuert aus, aber mit etwas mehr CSS kann man das genau in die Form bringen die du brauchst.) -
alphara schrieb:
traumalos schrieb:
Ich persönlich rate dir davon ab, JavaScript für elementare Bestandteile deiner neuen Seite zu verwenden. Das Problem sind die Script-Blocker, die von einigen genutzt werden, einfach weil mit JavaScript auch viel Unfug getrieben wird. Andere deaktivieren die Verwendung von JavaScript auch komplett.
Baue die Grundstruktur lieber mit einfachem HTML zusammen, wie "alphara" bereits sagte, und dann mit CSS verfeinern. Schöne Menü-Templates gibt es auch hier: http://www.dynamicdrive.com/style/csslibrary/category/C2/
Kurze Anmerkung dazu: Das Ganze geht ziemlich genial ohne JS nur mit CSS und HTML - Jedenfalls solange der User kein IE benutzt. Bei den älteren IE Versionen versagen die CSS komplett und du kannst nur über JS arbeiten, wie das bei neueren Versionen ist, weiß ich nicht genau. Vermutlich ist die CSS-Umsetzung aber auch da nicht ganz optimal. Deshalb ist die beste Lösung des Problems, das ganze mit einer passenden Mischung zu machen (was übrigends alles in dem von mir geposteten Link beschrieben wird, sieht da halt nur bescheuert aus, aber mit etwas mehr CSS kann man das genau in die Form bringen die du brauchst.)
Ich würde CSS und IE nicht ganz so kritisch sehen. Meines Wissens nach gibt es kaum noch jemanden, der mit dem IE 5.5 oder kleiner unterwegs ist. Ab IE 6 werden alle wichtigen CSS-Befehle auch vernünftig interpretiert. Vor allem ist es ohne CSS nicht mehr möglich, "moderne" Layouts zu erstellen.
JavaScript ist natürlich eine schöne Sache, dem will ich nicht widersprechen. Nur wird damit, wie bereits gesagt, auch viel Mist gemacht, weshalb ICH es nur für nette Gimmicks einsetze. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
