Ist es möglich, eine vertikale, mehrstufige Navigationsleiste nur mit CSS und OHNE JavaScript zu erstellen?
Wie der hier drin:
http://www.dhtmlgoodies.com/scripts/slidedown-menu2/slidedown-menu2.html#
Ich versuche, JavaScript zu vermeiden, weilBrowser hat heute eine Option, die JavaScript-Codes deaktivieren kann. Ich möchte nicht, dass meine Webseiten wegen dieser Einstellungen unterbrochen werden. Sollte ich darüber nachdenken? Oder sollte ich nur JavaScript verwenden?
Ich hatte gehofft, nur CSS dafür zu verwenden, obwohl ich mir nicht sicher bin, ob CSS dafür ausreicht.
BEARBEITEN: Übrigens gibt es einen CSS-Selektor, wenn Sie auf ein klicken <a> Etikett? Etwas wie "a: klick". Ich kenne nur einen: hover.
Antworten:
3 für die Antwort № 1Sie können keine Animation wie dieses Beispiel haben, es sei denn, Sie verwenden CSS3-Animationen. In diesem Fall haben Sie weniger Unterstützung als mit JavaScript.
Wenn ich es wäre, würde ich einfach JavaScript dafür verwenden. Wenn der Benutzer es ausgeschaltet hat, erhalten sie immer noch das Menü, nur nicht die Animation (wenn Sie es richtig codieren).
2 für die Antwort № 2
Hier einige Beispiele, was Sie mit CSS tun können:
http://www.cssmenus.co.uk/dropdown.html
2 für die Antwort № 3
CSS dient hauptsächlich zum Formatieren Ihrer Webseiten, während JavaScript hauptsächlich dazu dient, ihnen unterschiedliche Verhaltensweisen und Interaktivität zu geben.
Das heißt, CSS3 tut sehr viel Veränderung Das. Aber, wenn Sie eine Webseite mit irgendeiner Art von Cross-Browser-Unterstützung derzeit wollen, ist das nicht wirklich eine Option.
Wie Sie gesagt haben, haben Benutzer die Möglichkeit, JavaScript zu deaktivieren, was eine gute Sache für die Sicherheit ist. Dies bedeutet jedoch, dass Sie immer versuchen sollten, JavaScript zu erstellen ergänzend auf Ihre Seite, so dass auch dann noch Funktionalität vorhanden ist, wenn JavaScript deaktiviert ist.
Wenn Sie interessante Effekte in Ihrem Menü wünschen,Sie benötigen eine Mischung aus CSS und JavaScript, und wenn Sie Ihre Stile in Ihren CSS-Dokumenten definieren und anwenden und nicht in Ihrem JavaScript, werden Sie dennoch ein gewisses Maß an Benutzerfreundlichkeit beibehalten