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.
Grundlegende Anleitung zum Erstellen von besseren E-Commerce-Erfahrung
E-Commerce-Website-Design umfasst mehr als nur das Erstellen von Seiten, die Besucher anlocken. Das ist natürlich wichtig, aber wie Ihre Website Kunden behandelt, sobald sie auf einer Seite angekommen sind, ist von gleicher Wichtigkeit.Sie möchten die richtigen Werkzeuge für den Job, und Sie müssen wissen, wie Sie sie am besten anwenden können, während Sie versuchen, nicht nur ihre Einkäufe, sondern auch ihre Mitgliedschaft und Markentreue zu sichern. Auf d
Erstellen Sie Ihre eigene Seite Scrollen Effekte mit Roll.js
Sie können Dutzende von Scroll-Bibliotheken im gesamten Web finden. Die meisten sind in JavaScript geschrieben und haben ihre eigenen Effekte, die Sie für einzelne Seitenlayouts, On-Scroll-Animationen und vieles mehr neu gestalten können.Aber was ist mit der Codierung eigener Scroll-Effekte ? Oder was ist, wenn Sie nur eine einfache Möglichkeit haben möchten, zu verfolgen, wie weit die Seite, auf der ein Benutzer gescrollt hat, ist?Roll