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.

Vorsicht vor diesem Phishing-Angriff als Google Docs verkleidet

Inhaber eines Google-Kontos möchten möglicherweise ihre E-Mails von diesem Zeitpunkt an im Auge behalten, da eine neue Art von Phishing-Angriff entdeckt wurde. Im Gegensatz zu den meisten Phishing-Angriffen kann dieser jedoch besonders überzeugend sein, da die Hacker lange Zeit damit verbracht haben, sie zu verschleiern.Di

(Tech- und Design-Tipps)

Konvertieren von GitHub-Dateien in Raw-CDN-Assets mit RawGit

Es gibt Tausende von neuen Projekten und Funktionen auf GitHub zum Spielen. Entwickler mögen es jedoch, sich schnell zu bewegen, und es ist ärgerlich, all diese Dateien lokal zum Testen herunterzuladen .Hier kommt RawGit zum Einsatz . Mit dieser kostenlosen Web-App können Sie jede Datei von einem GitHub Repo in ein extern gehostetes CDN konvertieren.Mi

(Tech- und Design-Tipps)