javascript – So implementieren Sie JS, um globale CSS-Stile dynamisch zu ändern

Wenn Sie den globalen CSS-Stil auf der Seite dynamisch ändern möchten, beispielsweise die Farbe aller Schriftarten auf der Seite in Rot ändern möchten, können Sie dies über CSS {Code ...} erreichen. Wenn Sie JS verwenden, verwenden Sie die Schaltflächen Ändern Sie auf der Seite den Stil aller Elemen...

阿神 2017-05-19 10:11:38 0  3  617

javascript - Gibt es eine gute Lösung zum Ein- und Ausblenden von Animationen?

Beispiel: Es hat den gleichen Effekt wie diese Animation. Nach dem Klicken auf die Schaltfläche wird es angezeigt und hat die gleichen Animationseffekte. Aber ich habe es definitiv zu kompliziert geschrieben. Gibt es eine einfachere Lösung (keine Notwendigkeit für Bibliotheken von Drittanbietern)?

阿神 2017-06-30 09:59:55 0  5  1012

Wie kann ich dafür sorgen, dass die JQuery-Toggle-Breite-Animation auf halbem Weg stoppt, um sie wieder zu schließen?

Vielleicht ist diese Frage verwirrend, aber lassen Sie mich ein Beispiel geben: Wenn ich auf die Schaltfläche klicke, die die Breite ändert, wird das Div nach dem Drücken der Schaltfläche weiter animiert, was nicht besonders toll aussieht. Ich möchte, dass das Div auf halbem Weg anhält und in die an...

P粉238355860 2024-03-19 23:49:40 0  2  361

So erstellen Sie eine Slider-Vorschau in Zeitlupe

Ich benötige, dass sich die Vorschau des Schiebereglers entsprechend dem Bild bewegt, aber jetzt bewegt er sich sofort zum Ende. Ich habe versucht, mit zwei Tasten (links und rechts) einen Vorschauschieberegler zu erstellen, aber wenn ich die rechte Taste drücke, bewegt er sich zum Ende, während ich...

P粉715274052 2023-08-17 22:42:11 0  1  575

Die schwebenden Schaltflächen des Dialogs überlappen sich ständig

Hallo, ich erstelle eine Mauiblazor-App und habe ein Dialogfeld in voller Seitengröße mit einer schwebenden Schaltfläche darin. Wenn das Dialogfeld geschlossen wird und zur Originalseite zurückgekehrt wird, gibt es auf der Originalseite an der Stelle, an der sich die Dialogschaltfläche befindet, ein...

P粉032977207 2024-03-22 08:20:59 0  1  361

Schreiben Sie den Titel um: Konzentrieren Sie sich auf die Funktion der Konsolentasten und nicht auf andere Bereiche

Ich habe 4 Schaltflächen und wenn sie angeklickt werden, versuche ich, den Fokus auf sie zu setzen, damit der Benutzer die aktuell aktive Schaltfläche sehen kann. Aus irgendeinem Grund funktioniert es in der Konsole wie erwartet: Wenn auf eine Schaltfläche geklickt wird, wird der Fokus hinzugefügt, ...

P粉315680565 2023-09-02 09:28:50 0  1  464

Wie kann ich diese Animationsklasse zu einem Modal hinzufügen, wenn auf eine Schaltfläche geklickt wird?

Ich möchte, dass die Animation ausgeführt wird, wenn ich auf dem Modal auf die Schaltfläche „x“ klicke, aber was derzeit passiert, ist, dass das Modal ohne sie geschlossen wird und wenn ich das Modal dann erneut öffne, geschieht die Animation, ohne dass auf etwas geklickt wird. Dies ist mein aktuell...

P粉064448449 2024-03-30 22:05:19 0  1  435

css3 – So ändern Sie das Radio in den Stil von 2 Auswahlschaltflächen im WeChat-Applet

{Code...} Ich möchte das Radio auf den Stil mit 2 Tasten umstellen. Wenn Sie die Statusbindung wie folgt verwenden, kann style={{color}} nur die Farbe der angeklickten Schaltfläche selbst binden und die Farben anderer Schaltflächen nicht entfernen.

巴扎黑 2017-05-16 13:25:12 0  3  1217

Warum hat das Element beim vertikalen Ausrichten eines Schaltflächenelements in einem Div mehr vertikalen Platz als durch CSS-Ränder definiert?

Ich habe eine in Arbeit befindliche Seite auf dieser Website und dachte, der schwierigste Teil dieser Seite wäre das Skript und der Stil zum Filtern der Ergebnisse, aber tatsächlich funktioniert der Filterteil wie erwartet, es ist nur ein Stil-/Ausrichtungsproblem, das mich verwirrt Ich stoße auf „D...

P粉080643975 2023-09-14 18:49:41 0  2  578

Vanilla JS setTimeout(): Falsches Verhalten identifizieren

Ich habe eine Animation auf meinem Hamburger-Menü, die in HTML, CSS und Vanilla-JavaScript geschrieben ist. Erwartete Ergebnisse Wenn Sie auf die Hamburger-Menüschaltfläche klicken, sollten die folgenden Ereignisse eintreten: Wenn Sie auf das Hamburger-Menüsymbol klicken: Das Hauptmenü dreht sich um...

P粉797855790 2024-04-02 20:44:40 0  1  402

Möchten Sie mehrere Bilder ändern, indem Sie in einem Modal auf die Bilder klicken?

Ich verwende gsap.js für das Popup/Modal. Ich verwende forEach, damit es einwandfrei funktioniert, egal wie viele identische Teile ich dieser Website hinzufüge. Mein einziges Ziel ist es, dass das jetzt irgendwie perfekt funktioniert. Immer wenn Sie auf die „Schaltfläche“ klicken, die angezeigt wird...

P粉269530053 2024-01-29 09:35:00 0  1  365

Der Scroll-Ereignis-Listener wurde zum Element hinzugefügt, bewegt sich jedoch nur dann korrekt, wenn scrollTop nicht gleich 0 ist

Also habe ich dieses kleine Skript geschrieben, in dem ich zwei Listen habe – abgeschlossene/aktive Aufgaben. Sie können die Aufgabenliste wechseln, indem Sie auf die Schaltfläche klicken, und Sie können mehr über die Aufgabe lesen, indem Sie auf „Weitere Informationen“ klicken. Wenn auf weitere Inf...

P粉427877676 2024-04-01 11:03:26 0  1  552

Statische Farben in der CSS-Datei mithilfe von JQuery dynamisch ändern

Ich habe mehrere Schaltflächen und eine Klasse namens bg. In der CSS-Datei formatiere ich die bg-Klasse, möchte aber gleichzeitig ihre Farbe aus der JS-Datei dynamisch ändern können. Der Hintergrund hat nur eine Farbe, aber ich kann nach Belieben andere Farben erstellen. Die Farbcodes stammen beispi...

P粉459440991 2024-03-19 23:24:43 0  1  314

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  731

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  663

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  557

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  514

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  949

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  474

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  649