jQuery.mmenu - Erstellen Sie Sliding-Menü mit Leichtigkeit

Kreativ unterschiedliche Menüs zu erstellen, ist manchmal ziemlich schwierig, wenn Sie keine gute Idee oder Inspiration haben. Aber diese Art von Materie kann durch Suche in anderen inspirierenden Menü-Design oder mit Hilfe von Tools behoben werden. In dieser Hinsicht ist jQuery.Mmenu ein ziemlich praktisches Werkzeug.

jQuery.Mmenu ist ein einfach zu bedienendes jQuery-Plugin zum Erstellen von Navigationsmenüs für mobile Apps auf Ihrer Website. Dieses raffinierte kreative Menü wird eine schönere und bessere Benutzererfahrung bieten.

Anfangen

Um mit jQuery.Mmenu zu beginnen, gehen Sie auf die Downloadseite und das Plugin wird automatisch heruntergeladen. In diesem Beitrag werden wir versuchen, ein einfaches Menü zu erstellen.

Genau wie andere jQuery-Plugins müssen Sie die erforderlichen Abhängigkeiten zu Ihrer Site hinzufügen. Dies sind jQuery, jquery.mmenu.js und jquery.mmenu.css . Das Snippet ist wie folgt:

 ..  .. 

Und das sollte ausreichen, um ein Basismenü mit allen Funktionalitäten und Styling zu erstellen . Für erweiterte und zusätzliche Funktionen müssen Sie zusätzliche JS- und CSS-Dateien hinzufügen .

Erstellen eines Menüs

Lassen Sie uns das grundlegende Menü erstellen, wie Sie es normalerweise mit den Elementen nav, ul, li und a erstellen. In dieser Demo erstellen wir ein horizontales Menü mit drei Untermenüs und drei Untermenüs.

Im obigen Menü haben wir das Nav mit einer menu ID eingefügt, die als Referenz für die jQuery.mmenu-Funktion verwendet wird. Rufen Sie dann das Plugin mit der JavaScript-Funktion auf und fügen Sie die ID wie folgt ein.

Im LI-Tag können Sie eine Klasse mit dem Namen Selected . Diese Klasse ist nützlich, um das standardmäßig ausgewählte Menü bei der Initialisierung zu erstellen. Sie können auch Ihre eigene Klasse hinzufügen (zum Beispiel "aktiv"), aber stellen Sie sicher, dass Sie sie in den Konfigurationsbereich aufnehmen .

Dieses Plugin hat automatisch die Links zum Schließen und Öffnen von Untermenüs hinzugefügt, sodass wir sie nicht erstellen müssen. Unser Menü sollte so aussehen.

Fazit

jQuery.mmenu bietet Ihnen eine großartige Lösung, um verschiedene Menüs so einfach wie möglich zu erstellen. Sie können mit diesem Plugin sogar andere interaktive Elemente erstellen. Sie können beispielsweise eine verschiebbare QuickInfo und eine Benachrichtigungsleiste für die mobile Website erstellen.

jQuery.Mmenu kann auch für den fortgeschrittenen Gebrauch angepasst werden. Sie können z. B. eine mobile Kontaktliste auf Ihrer Site erstellen, indem Sie die Themenerweiterung, das Addon (Labels, Zähler, Header, dragOpen und Suchfeld) und die Positionierung kombinieren.

Top 10 Seiten, um alle Ihre Programmierfragen zu stellen

Wenn wir lernen, Software, Websites oder Apps zu programmieren oder zu programmieren, werden wir normalerweise mit einem Problem oder einem Fehler, der nicht gelöst werden kann, stecken bleiben, egal was Sie tun. In solchen Fällen benötigen Programmierer wie Sie möglicherweise Antworten auf Fragen zu verschiedenen Programmiersprachen, Entwicklungsplattformen, Tools, APIs und Services. Wo

(Tech- und Design-Tipps)

15 Schöne Texteffekte, die mit CSS erstellt wurden

Schöner Text oder Typografie machen Ihr Design attraktiv. Im Webdesign hilft CSS dabei, dem Design Stil zu geben, einschließlich verschiedener Effekte in Text oder Typografie. Mit CSS können Sie Clipping verwenden und dem Text Animationen hinzufügen, um die Dinge etwas aufzupeppen.Um das zu verdeutlichen, haben wir 15 atemberaubende und coole Texteffekte zusammengestellt, die mit CSS möglich sind (einige mit Hilfe von Javascript-Codes).Für

(Tech- und Design-Tipps)