javascript - CSS zum Implementieren der Navigationsleiste im Web verwenden?

1. Wie implementiert man die Navigationsleiste wie die linke Seite von http://chuangzaoshi.com/code? 2. Kann es vollständig mit CSS implementiert werden? Wie implementiert man reines CSS? Wie implementiert man js? Danke! ps: Danke an die beiden Meister für ihre Antworten, die ich nicht klar erklärt ...

漂亮男人 2017-06-26 10:50:29 0  2  873

Verwenden Sie React, um eine feste Navigationsleiste und zusammenklappbare feste Seitenleistenseiten zu implementieren

Ich versuche, mithilfe von React- und Chakra-UI-Komponenten eine Seite mit einer festen Navigationsleiste und einer zusammenklappbaren festen Seitenleiste zu implementieren. Unten finden Sie Beispielcode. import{Box}from"@chakra-ui/react";exportconstApp=()=>{return(<Boxdisplay="...

P粉356361722 2023-08-29 08:43:17 0  1  652

Die auf Vercel bereitgestellte Next.js-App rendert bestimmte Inhalte lokal, kann sie jedoch im Produktions-Build nicht rendern

Ich habe eine Webanwendung, die mit Next.JS und Firebase erstellt und auf Vercel bereitgestellt wird. Alles funktionierte einwandfrei, bis ich vor kurzem eine untere Navigationsleiste hinzugefügt habe, deren Position auf statisch, unten:0, eingestellt war. In der unteren Navigationsleiste rendere ic...

P粉042455250 2024-02-26 13:19:43 0  1  453

javascript - Wie kann ich feststellen, dass beim Klicken auf „Navigation' die entsprechende Registerkartenbeschriftung im Inhaltsteil angezeigt wird und die Beschriftung geschlossen werden kann?

Die Seitennavigation wurde mit Bootstrap geschrieben. Wie kann ich erreichen, dass die Tab-Beschriftung im Inhaltsteil erscheint und geschlossen werden kann, wenn ich auf die Navigation klicke?

为情所困 2017-05-19 10:42:17 0  1  671

Das Dropdown-Menü der Navigationsleiste funktioniert in Laravel 8 nicht richtig

Ich habe ein Problem mit der Navigationsleiste in Laravel8. Die gesamte Navigationsleiste wird in der Ansicht angezeigt, aber das Dropdown-Menü funktioniert nicht. Tatsächlich öffnet sich das Dropdown-Menü nicht, wenn ich darauf klicke. Dies ist layout.blade.php: <!DOCTYPEhtml><htmllang=&qu...

P粉460377540 2023-12-16 11:55:20 0  1  567

Der Navigationsleistencode war nicht so gut, er verursachte Probleme mit defekten Links, ich weiß nicht warum

Ich bin nicht wirklich sicher, wie ich dieses Problem erklären soll, aber im Wesentlichen scrollt meine feste Navigationsleiste entweder nicht, aber die Hyperlinks funktionieren, oder die Navigationsleiste scrollt, aber die Hyperlinks funktionieren nicht. Diese Schleife tritt immer wieder auf, wenn ...

P粉004287665 2024-04-04 09:09:20 0  1  460

So passen Sie das Hamburger-Menü in React JSX an die gesamte Seite an

Ich bin sehr neu bei Reactjsx, ich verwende Tailwind und es ist sehr gut. Ich lerne auch, während ich gehe. In meiner Navigation kann ich also Hamburger-Menüs anzeigen, aber die Art und Weise, wie sie angezeigt werden, gefällt mir nicht. Ich versuche sicherzustellen, dass die gesamte Seite mit Weiß ...

P粉368878176 2023-08-31 14:31:09 0  1  523

thinkphp lokale Änderungen

thinkphp3.2 verfügt über eine Ansicht, die in zwei Teile unterteilt ist. Ein Teil ist die Navigationsleiste (mit mehreren Schaltflächen für verschiedene Abfragefunktionen) und der andere Teil ist der Inhalt, der nur dann erkannt wird, wenn eine bestimmte Schaltfläche gedrückt wird Der Inhalt ändert ...

大家讲道理 2017-05-27 17:42:45 0  1  522

Deaktivieren Sie die Funktionen „Nächste Seite' und „Vorherige Seite' von Vue3, die auf Browser unter demselben Routing-Pfad beschränkt sind.

Heute stehe ich vor einem Problem und benötige einen Rat. Ich habe eine Routing-Seitenstruktur wie diese {url}/:id. Mein Ziel ist es, zu verhindern, dass der Benutzer auf derselben Route zur vorherigen und nächsten Seite navigiert, beispielsweise von {url}/1 nach {url}/2. Ich führe API-Aufrufe durch...

P粉002572690 2023-09-06 23:53:05 0  2  699

Ändern Sie den Klassennamen bedingt in ein CSS-Modul (Reagieren).

Ich versuche, eine Animation abzuspielen, wenn der Benutzer mit der Maus über die Navigationsleiste meiner Website fährt. Ich versuche dies zu erreichen, indem ich ein CSS-Modul basierend darauf ändere, ob sich die Maus über der Navigationsleiste befindet. Ich versuche herauszufinden, warum dieser C...

P粉799885311 2023-08-17 18:10:17 0  1  506

Nuxt-Link verwendet Bootstrap-vue, um das Seitenproblem zu aktualisieren

Ich verwende Nuxt und Bootstrap, um ein benutzerdefiniertes Hover-Dropdown-Menü für die Navigation zu erstellen. Das Problem, das ich habe, ist, dass die NuxtLinks meines Navigationsuntermenüs die gesamte Seite aktualisieren, anstatt den Anwendungsinhalt innerhalb des Nuxt-Blocks reibungslos zu ände...

P粉512729862 2023-12-07 08:58:02 0  1  701

Vue3 LocalStorage wird nach dem Rendern der Komponente festgelegt

Ich habe eine Navigationsleiste, die Benutzerdaten lädt. Dies alles geschieht, nachdem sich der Benutzer erfolgreich bei der Anwendung angemeldet hat. Das Problem besteht darin, dass nach dem Laden der Navigationsleiste localStorage leicht eingestellt werden muss. Wenn ich es in setTimeout() einbind...

P粉321584263 2024-03-25 23:56:35 0  1  405

html - CSS-Navigationsleiste ist unscharf, die Navigationsleiste ist fixiert und die Seite unten ist unscharf, wenn die Seite verschoben wird.

Nach langer Suche im Internet konnte ich keine Lösung finden, die sich dynamisch auf die Seite unten auswirken und sie unscharf machen kann. Dies ist ein Unschärfeeffekt von Station B. Er ist statisch. Das Prinzip besteht darin, zwei identische Bilder zu verwenden, einen Teil eines Bildes zu verwisc...

大家讲道理 2017-05-24 11:36:02 0  2  1097

Kann die Root-Layout-Komponente in einigen verschachtelten Routen im Next.js-Anwendungsordner ausgeblendet werden?

Gibt es eine Möglichkeit zu verhindern, dass Rootlayout von Dashboardlayout umschlossen wird? Next.jsv13-Dokumentation: Meine Dateistruktur: Ich kann Routengruppen verwenden. Dadurch wird jedoch das Umschließen meiner Kontakt- und Preisrouten deaktiviert. Gibt es eine Möglichkeit, dies zu verhindern...

P粉418351692 2024-03-26 11:24:59 0  2  382

Wie kann dies bei der Änderung von Elementstilen mithilfe von JavaScript bei der Rückgabe des Verlaufs erreicht werden?

In der Navigationsleiste habe ich den Stil des aktiven Links verwendet. In der Navigationsleiste habe ich beispielsweise Links zu uns, Kontakt, Materialien, Quizzen usw. Wenn auf diese Links geklickt wird, ändert sich die Weiterleitung, z. B. „http://localhost:3000/about-us“, „ http://localhost:3000...

P粉982054449 2023-08-29 21:03:19 0  2  498

javascript - Wie kann ich dafür sorgen, dass das Suchfeld der Navigationswebsite automatisch den Eingabecursor-Fokus erhält?

Nach dem Öffnen dieser Navigationswebsite: https://www.2345.com/ hat der Cursor beispielsweise nicht automatisch das Baidu-Suchfeld gefunden. Ich habe versucht, die ID abzurufen und dann die Fokusfunktion aufzurufen, aber es hat nicht funktioniert . Wie schreibe ich einen JS-Code, um dies jedes Mal ...

PHP中文网 2017-06-12 09:28:26 0  2  812

jquery-ajax – So implementieren Sie eine teilweise Aktualisierung in thinkphp3.2.3

Wenn ich als Neuling beispielsweise eine Seitenleistennavigation auf einer Seite möchte und auf eines der a-Tags klicke, lädt das div auf der rechten Seite die entsprechende HTML-Datei. Wie kann thinkphp eine solche Funktion implementieren? JQs Ladung verwenden? Post? Sollte der geladene HTML-Code H...

天蓬老师 2017-05-16 13:15:25 0  3  862

Nutzen Sie VueJS-Komponenten in PHP

Ich möchte grundlegendes HTML, das von PHP- und VueJS-Komponenten generiert wurde, mischen, ohne VueJS bis zum untersten Dom-Blatt verwenden zu müssen. Auf das übergeordnete Layout ist eine Vue-Anwendung angewendet, alle Kopfzeilen, Navigation, Seitenleisten usw. sind Vue-Komponenten und der Hauptin...

P粉611456309 2023-11-11 00:01:44 0  2  893

Der intelligenteste Weg, doppelten HTML-Quellcode zu generieren. Verwenden Sie PHP?

Hallo, ich würde gerne wissen, wie man auf intelligente Weise doppelten HTML-Quellcode wie unten generiert. Nehmen wir an, ich habe 30 Zeilen, die von 1 bis 30 nummeriert sind. Ich habe viele Seiten wie diese, die diese Struktur benötigen. Ich habe eine PHP-Schleife verwendet, um diesen Code auf der...

P粉146080556 2023-09-10 16:37:09 0  1  570

So zentrieren Sie die Navigationsleiste, den Hauptinhalt und die Fußzeile

Ich bin sehr neu auf dem Gebiet der Netzwerkcodierung und benötige Hilfe. Ich erstelle eine Webseite für eine lokale Sportmannschaft, und da deren Webseite nicht besonders gut aussieht und WordPress nicht sehr benutzerfreundlich ist, dachte ich, dass es vielleicht einfacher wäre, es selbst zu progra...

P粉165823783 2023-09-16 13:52:33 0  1  1190