Wie kann man feststellen, ob die Maus nicht mehr über einem Element schwebt?

Ich möchte wissen, wie ich verhindern kann, dass die Maus über ein Element in Javascript fährt oder CSS verwendet. Ich erstelle eine Animation, bei der der Hintergrund seine Farbe ändert, wenn die Maus darüber schwebt, und ich möchte auch eine Animation hinzufügen, wenn die Maus aufhört, über dem El...

P粉547420474 2024-03-31 13:28:28 0  1  378

Wie kann ich die Hintergrundfarbe des Antd React-Verzeichnisbaumknotens anpassen?

Wie ändere ich die Standardhintergrundfarbe eines Antd-Verzeichnisbaumknotens mit weniger Stil, wenn die Maus über dem Baumknoten schwebt? <Tree.DirectoryTree>{data.map((item)=>{return(<Tree.TreeNode//@ts-ignoreitem={item}icon={<></>}key={item.user_folder_id}title= {item.titl

P粉825079798 2023-09-03 12:09:15 0  1  734

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  477

So ändern Sie den Div-Hintergrund basierend auf dem Komponentenfeld beim Mouseover

Ich habe ein Div, bei dem sich die Hintergrundfarbe ändert, wenn man darüber fährt. Außerdem muss ich die Farbe basierend auf einem Element in der Komponente auswählen. <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  581

CSS-Übergang: Hintergrundgröße funktioniert nicht

Ich arbeite an einer Website, auf der, wenn Sie mit der Maus über ein Bild fahren, das Bild verkleinert wird, sodass Sie das gesamte Bild sehen können, ohne zu stark verkleinern zu müssen, um den Hintergrund des Divs zu sehen. So sieht mein HTML aus: <divid="wrapper"><divid="...

P粉821808309 2023-09-05 00:05:08 0  1  567

CSS-Stile werden nicht auf die Website angewendet

Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht auf index.html angewendet. Wenn ich mit der Maus über die Servicekarte fahre, sollte sich der Hintergrund ändern und einen Übergangseffekt erzeugen. Es sollte von hier nach hier sein. Allerdings glaube ich, dass ...

P粉613735289 2024-04-06 17:12:23 0  1  595

Verwenden Sie CSS3-Übergänge mit Verlaufshintergründen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es einwandfrei. Unterstützt es keine Farbverläufe? Ich ...

P粉217629009 2023-08-23 21:25:42 0  2  651

Verbessern Sie Verlaufshintergründe mit CSS3-Übergängen

Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass der Hintergrund beim Schweben eingeblendet wird. Die Konvertierung funktioniert nicht, aber wenn ich sie einfach in einen rgba()-Wert ändere, funktioniert es wunderbar. Unterstützt es keine Farbverläufe? Ich ha...

P粉955063662 2023-10-12 18:05:11 0  2  632

Platzieren Sie mit React interaktive Markierungen auf Bildern

Bitte helfen Sie. Ich habe ein Bild wie das folgende, das auf der Startseite angezeigt wird (ein größeres Bild). Beachten Sie, dass das „FORGE“-Haus in der Mitte eine weiß-blaue Markierung mit einem schwarzen Pfeil hat. Das Gleiche gilt für „Mietwohnungen“. Jede dieser Markierungen fungiert als inte...

P粉896751037 2023-09-08 21:25:41 0  1  842

Beheben Sie Probleme mit dem Hover-Status in Tailwind CSS

Ich entwerfe derzeit eine Navigationsleiste für eine einseitige Website. Wenn der Benutzer mit der Maus über das Div rund um die Schaltfläche fährt, möchte ich, dass nicht nur die Hintergrundfarbe in ein dunkleres Grün geändert wird (was bereits funktioniert), sondern auch die Textfarbe in Weiß geän...

P粉039633152 2023-12-31 08:53:39 0  1  546

Das modale Bootstrap-Feld kann nicht geschlossen werden, wenn auf die Schaltfläche „X' oder „Schließen' geklickt wird

Wenn ich klicke, um das Modal zu öffnen, wird das Modal einwandfrei angezeigt und die Schaltfläche „Schließen“ zeigt an, dass meine Maus darüber schwebt, aber wenn ich darauf klicke, passiert nichts und das Modal bleibt geöffnet. Hat jemand dieses Problem schon einmal festgestellt/gelöst? Ich sehe h...

P粉809110129 2024-03-29 23:39:12 0  1  460

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  828

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  727

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  618

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  580

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  1008

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  507

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  699