javascript – Problem mit der Blasenbildung bei JS-Ereignissen

Fall abgeschlossen: Verwenden Sie CSS, um diesen Effekt zu erzielen. Vielen Dank für Ihre Hilfe. Ich bin auf die Verwendung von CSS umgestiegen, um diesen Effekt zu erzielen. 1. Im folgenden Code habe ich die Mouseover- und Mouseout-Ereignisse des a-Tags abgehört, um die Canvas-Animation auszulösen,...

学习ing 2017-06-12 09:32:56 0  3  845

javascript – Probleme beim Abrufen von Mauskoordinaten im Canvas

Ich möchte mit der Maus einen Strichzeichnungseffekt erzeugen, der der Strichzeichnungsfunktion des im Fenster enthaltenen Zeichenbretts ähnelt. Dazu müssen die Koordinaten der Maus ermittelt werden, aber ich habe immer das Gefühl, dass die Koordinaten nicht genau ermittelt werden. Jedes Mal, wenn i...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  623

Die Start- und Endpunkte des Bildes

Ich versuche, den Start- und Endpunkt eines Bildes festzulegen. Ich habe also meine Leinwand und ein Bild. Wenn ich das Bild auf die Leinwand lege, soll ein kleiner roter Kreis aufleuchten, wenn ich mit der Maus über die Start-/Endpunkte fahre, was bedeutet, dass ich eine Verbindung mit anderen Bild...

P粉511757848 2023-08-31 12:24:51 0  1  598

Schaltflächen auf Mobilgeräten bleiben fokussiert oder aktiv, was zu Problemen mit CSS-Animationen führt

Ich versuche, jedes Mal, wenn ich auf eine Schaltfläche klicke, eine Animation zu erzielen. Auf dem Desktop funktioniert das gut, aber auf Mobilgeräten kann ich nicht den gleichen Effekt erzielen. Ich muss zuerst auf die Schaltfläche klicken, dann auf eine andere Stelle klicken, um das CSS zu defoku...

P粉043295337 2023-08-28 15:14:37 0  1  545

Javascript – JS-Code zum Abrufen des Bestätigungscodes, Countdown-Problem

Wenn ich den Countdown für den Bestätigungscode erhalte (z. B. beträgt der Countdown 40 Sekunden), klicke ich auf den Link, um zu einer anderen Seite zu gelangen (_self, diese Seite springt, es wird kein neuer Tab geöffnet). Nach einer gewissen Zeit klicke ich auf „Zurück“. Klicken Sie auf die Schal...

漂亮男人 2017-07-05 10:50:31 0  3  994

javascript – Das Klickereignis von ul's li nach dem Einzug steht im Konflikt mit dem Auszugsereignis

Wie im Bild gezeigt: Der gewünschte Effekt besteht darin, dass sich die Farbe von uls Li beim Verschieben in Rot und beim Verschieben in Blau ändert. Wenn jedoch ein bestimmtes Li ausgewählt (dh angeklickt) wird, hoffe ich, dass dieses Li dies tut immer rot sein, bevor auf das nächste Li geklickt wi...

漂亮男人 2017-05-18 10:49:41 0  4  626

So passen Sie WordPress-Menüeffekte an

Ich habe kürzlich an WordPress-Themes herumgebastelt und ein „Kratos“ installiert. Ich möchte den Effekt der Menüleiste oben anpassen, und ich weiß nicht, wie ich damit herumspielen soll Ich könnte genauso gut nach oben kommen und um Rat fragen. Der Theme-Effekt ist wie folgt: Jetzt gibt es zwei Fra...

天空蓝 2023-04-16 12:00:36 0  1  1282

Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Ich versuche, dafür zu sorgen, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist. Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf eine Schaltfläche oder einen...

P粉118698740 2023-08-16 16:40:27 0  1  638

javascript – So implementieren Sie Front-End-Kartenanimationseffekte.

Ähnlich wie beim folgenden Effekt kann sich der Avatar entsprechend der Route bewegen. Ich war noch nie zuvor einer solchen Animation ausgesetzt. Wie soll das Frontend umgesetzt werden? Canvas? WebGL? oder fertiges Framework? Ich habe keine Ahnung, welche Ideen verwendet werden sollten, um diesen Ef...

PHPz 2017-05-16 13:36:02 0  2  484

Wie kann ich zulassen, dass in meiner Klickfunktion nur ein Element ausgewählt wird? (Reines JS)

Ich erstelle eine Quiz-App, die Daten von einer API abruft, eine Reihe von Fragen erstellt und dann jedes Mal eine andere Anzahl von „Antwortelementen“ auf die Quizseite lädt, je nachdem, welche Frage zufällig aus dem Array unten ausgewählt wird ist die Kreation. Bietet eine Reihe anklickbarer „Spie...

P粉345302753 2024-01-29 14:08:19 0  1  496

Javascript – Baumstruktureffekt

Wenn Sie auf den Kunden klicken, werden die Kunden des aktuellen Benutzers angezeigt. Wenn Sie auf den Kunden klicken, wird das Geschäft des Kunden angezeigt, und das Unternehmen der obersten Ebene wird angezeigt. . . . Wie lässt sich dieser Baumeffekt am besten darstellen? Wie es geht, werden die M...

阿神 2017-06-28 09:23:51 0  1  961

So tauschen Sie zwei Div mithilfe einer Animation aus

Ich habe ein Projekt, bei dem ich möchte, dass ein Div als großes Kästchen und drei weitere Divs unten als kleine Kästchen angezeigt werden. Wenn Sie auf ein kleines Kästchen klicken, ändert sich die Größe und die Position wird mit dem großen Kästchen vertauscht, wobei ein CSS-Übergangseffekt verwen...

P粉191323236 2023-08-26 13:55:33 0  1  539

Z-index funktioniert nicht mit vue-awesome-swiper in Vue + Laravel-Projekten

Ich verwende vue-awesome-swiper https://madewithvuejs.com/vue-awesome-swiper in einem Vue+LAravel-Projekt. Das ist das Ergebnis, das ich erreichen möchte. Der Schiebepfeil befindet sich oben und ist anklickbar. Was ich stattdessen umsetze, ist Folgendes. Der Schiebepfeil befindet sich nicht oben und...

P粉391955763 2023-12-05 12:05:29 0  1  671

JavaScript implementiert einen reibungslosen Übergang von der Miniaturansicht zur Bildseite in voller Breite

http://manifesto.clapat.com/ Wenn Sie auf ein beliebiges Element auf der Startseite klicken, wechseln Sie von einer Miniaturansicht zu einem Vollbild, das zum Titel der Seite dieses Elements wird. Wie werden diese Übergangseffekte erzeugt und was wäre der beste Weg, sie mithilfe von internem Routing...

P粉536532781 2023-09-15 22:09:37 0  1  990

javascript – So spielen Sie Videos in React automatisch ab

Mein Ansatz besteht darin, das Video durch eine Bildmaske zu ersetzen. Durch Klicken auf die Maske wird eine Versandaktion ausgelöst, sodass die Maske verschwindet und das Videoetikett angezeigt wird, Apple jedoch nicht. Wenn weder Mobiltelefon noch Android das Video automatisch abspielen können, mü...

仅有的幸福 2017-07-05 11:03:35 0  2  1270

Google Chrome verwendet das Flexbox-Ansichtsfenster, um die Erweiterungsrichtung zu verankern

Es gibt ein Problem in Google Chrome, wenn Elemente platziert werden, zwischen denen Abstand ist oder der Inhalt zentriert ist. In Firefox, IE11, Edge oder Safari stellt dies kein Problem dar, da Elemente immer nach unten erweitert werden. Ich bin neugierig: Folgt das Verhalten von Chrome bestimmten...

P粉852578075 2023-08-25 17:44:46 0  1  597

Erfahren Sie, wie Sie Paginierungs- oder Filterfunktionen in Next.js implementieren

Ich suche nach einer Lösung, um Paging oder Filterung in meiner Webanwendung mithilfe herkömmlicher Methoden zur Seitenweiterleitung zu implementieren. Muss ich den clientseitigen Datenabruf verwenden? Wenn sich die Abfragezeichenfolge ändert, wird der Seiteninhalt nicht erneut gerendert. Ich möchte...

P粉517814372 2023-08-14 20:23:46 0  1  729

Beim Senden des Bestätigungscodes wird ein Serververbindungsfehler angezeigt

Die Sache ist so: Ich habe ein Programm, das eine SMS-Bestätigungscode-Funktion hat, und der gesendete Bestätigungscode zeigt zunächst an, dass ich den Code geändert und möglicherweise einige Dateien gelöscht habe aus Versehen, aber als ich danach gesucht habe, hat der verwendete Quellcode bei der B...

十二泉 2020-09-02 17:35:28 0  2  2656

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

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