Das Beispiel in diesem Artikel beschreibt, wie jQuery den Navigationsmenüeffekt der offiziellen Meizu-Website implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Ich habe gelegentlich die offizielle Website von Meizu gesehen und festgestellt, dass das Navigationsmenü der Website sehr effektiv war, also habe ich es heruntergeladen. Zwei Worte: großartig. Wenn Sie die Maus über das Menü bewegen, wird eine horizontale Linie unter das Menü verschoben. Ich wollte schon immer ähnliche Effekte finden und daraus lernen. Infolgedessen habe ich entweder die URL einer Website mit ähnlichen Auswirkungen vergessen oder konnte sie überhaupt nicht finden. . Ich weiß nicht, wie ich es beschreiben soll, aber heute bin ich endlich darauf gestoßen und es ist wirklich großartig.
Der Screenshot des Laufeffekts sieht wie folgt aus:
Die Online-Demo-Adresse lautet wie folgt:
http://demo.jb51.net/js/2015/jquery-meizu-web-nav-menu-style-codes/
Der spezifische Code lautet wie folgt:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
|
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.