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.

Das Gesicht des Webdesigns ändern: Eine Fallstudie von 25 Jahren

Das World Wide Web feierte am 11. März 2014 seinen 25. Geburtstag und im Laufe seiner Entwicklung hat sich auch das Webdesign rasant weiterentwickelt. Wir müssen uns nicht mehr mit endlos klobigen Texten und Bildern mit niedriger Auflösung abfinden. Die heutigen informativen, innovativen und einfach zu navigierenden Websites sind so alltäglich, dass Sie wahrscheinlich vergessen haben, wie Websites in den 1990er Jahren aussahen.Wer

(Tech- und Design-Tipps)

Erstellen Sie hochwertige Landing Pages mit Qards [WordPress Plugin]

Finden Sie es schwierig, Ihre Webseiten genau so zu gestalten, wie sie aussehen sollen? Läuft der Erstellungsprozess länger als Sie möchten, sogar mit Hilfe eines WordPress Theme? Dann sollten Sie Qards ausprobieren.Qards ist ein von Designmodo erstelltes WordPress-Plugin, mit dem Sie bestehende Seiten bearbeiten oder neue Seiten genau so erstellen können, wie Sie es wollten. Es

(Tech- und Design-Tipps)