Zurück   PSD-Tutorials.de > Webbereich > Allgemeines


Antwort
 
Themen-Optionen
Alt 03.07.2012, 15:49   #1 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 16.05.2009
Beiträge: 40
Verwendet: Dreamweaver CS6, Photoshop CS6

DropDown Menü nach oben


Servus,

und zwar wollt ich mal fragen wie ich ein DropDown Menü erstellen kann, dass nach oben aufklappt statt nach unten?

Hier hab ich mal meinen jQuery Code:

Code:

<script type="text/javascript">
$(document).ready(function() {
    $("#nav li:has(ul)").hover(function(){
        $(this).find("ul").slideDown();
    }, function(){
        $(this).find("ul").hide();
    });
});
</script>
Muss der da mit der slideUp()-Funktion arbeiten oder wie realisier ich das?
  Mit Zitat antworten


Alt 03.07.2012, 16:17   #2 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.258

Schmeiß das Javascript weg und mach es mit CSS
Der Thread sollte dir weiterhelfen
  Mit Zitat antworten
Alt 04.07.2012, 21:47   #3 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 04.07.2012
Beiträge: 4

und falls es doch jQuery sein soll, gibt es unter folgendem Link ein Tutorial. Dort kann man sich auch die Source-Dateien runter laden
http://tympanus.net/codrops/2009/09/...uery-dropdown/
  Mit Zitat antworten
Alt 05.07.2012, 07:49   #4 Nach oben scrollen
Powerposter
PowerposterPowerposterPowerposter
 

Registriert seit: 01.11.2007
Ort: Ö
Beiträge: 1.258

Sicher lässt sich das Vorhaben auch mit jQuery realisieren. Nur wieso sollte man das machen? Man soll auch eine Variante für User ohne JS anbieten, da bräuchte man dann wieder eine reine CSS Lösung, welche von Usern mit aktiviertem JS überschrieben wird.
Wieso die Arbeit also zweimal antun, wenn die reine CSS Lösung überall funktioniert und weniger Aufwand ist?
  Mit Zitat antworten
Alt 05.07.2012, 09:20   #5 Nach oben scrollen
Newbie
Newbie
 

Registriert seit: 04.07.2012
Beiträge: 4

Auch ich bin grundsätzlich dafür, alles mit CSS zu lösen. Manchmal gibt es aber auch die Vorgabe etwas mit JavaScript zu erstellen. Daher das Beispiel. Aber ich persönlich würde auch die Variante mit CSS vorziehen.
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS menu WIE?: mouseover-Effekt des Hauptpunktes auch wenn cursor im dropdown menu lyzarr (X)HTML & CSS 9 11.08.2010 16:23
Klapp-Navi öffnet sich nach oben, statt nach unten Anina (X)HTML & CSS 6 13.07.2010 15:32
das Menü verschiebt sich nach oben ( ungewollt ) P66 (X)HTML & CSS 10 26.04.2007 13:43
div und css dropdown menu ?? kskoberharz (X)HTML & CSS 10 24.10.2006 15:55
DropDown Menü Bine110988 Allgemeines 4 16.02.2006 15:19