Implementieren Sie die Vue-Ladeanimation und laden Sie gleichzeitig Bilder von der URL

Wenn das Bild geladen wird, möchte ich eine Ladeanimation anzeigen, weiß aber nicht, wie ich das umsetzen soll. Obwohl ich debuggt und „true“ und „false“ auf der Konsole ausgegeben habe, wurde die Ladeanimation immer noch nicht angezeigt. //// FEHLER {{currentCountKing}} / {{ALL_FILMS.length-1}} {{f...

P粉021854777 2023-08-03 18:04:16 0  1  652

Preloader-Fenster für Zahlenzähler-Animation beim Laden von Javascript-HTML-CSS

Ich möchte auf meiner Portfolio-Website eine Zahlenzähler-Animation erstellen. Ich habe auf meiner alten Website einen JQuery-Code, der beim vollständigen Laden vom Preloader zur Website wechselt. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}...

P粉523625080 2023-09-11 22:37:54 0  1  679

javascript - Wie implementiert jQuery das Vorladen von Soundeffekten auf mobilen Seiten?

Die Animation der mobilen Seite wird von Soundeffekten begleitet. Das erste Laden von Musik führt zu einer Verzögerung der Soundeffekte.

phpcn_u1582 2017-05-19 10:41:56 0  2  629

javascript - Wie schreibe ich Animationseffekte in React?

Wie erstelle ich Animationseffekte für Komponenten in React? Bei einem einfachen Dialogfeld hoffe ich beispielsweise, dass das Dialogfeld nach dem Klicken auf „Abbrechen“ zunächst ausgeblendet und dann ausgeblendet wird. Wenn Sie jquery verwenden, ist es sehr einfach: Zuerst animieren({ //Fade CSS},...

世界只因有你 2017-05-18 10:58:34 0  2  768

javascript - Der Ladeanimationseffekt der Seite wird nicht angezeigt?

1. Das Projekt, an dem ich gerade arbeite, ist eine Datentabellenseite. Um das Benutzererlebnis zu verbessern, wird eine Ladeanimation hinzugefügt. Es gibt kein Problem mit dem Plug-in zum Laden von Animationen. Bei der Ausführung der Methode wird jedoch festgestellt, dass der Animationseffekt nicht...

迷茫 2017-05-19 10:18:28 0  4  720

Warum wird meine Lottie-Animation auf dem Localhost-Server korrekt geladen, aber nicht auf dem Bereitstellungsserver?

Das Problem ist also, dass alle Lottie-Animationen auf meinem Localhost-Server geladen werden, aber sobald die Web-App bereitgestellt ist, werden die Animationen nicht geladen und ich erhalte einige Fehler in der Konsole. Animationsdateien sind .json-Dateien. Mein Projekt ist das nächste jsReact-Pro...

P粉662614213 2024-03-29 12:05:35 0  2  496

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

css3 – CSS-Übergangseffekte, die dazu führen, dass Text unscharf oder zittert?

Gehen wir direkt zum GIF: Code: Vorlage: {code...} CSS: {code...} Einige irrelevante Stile wurden entfernt. Die derzeit bekannte Situation ist der Übergangseffekt des kleinen Dreiecks auf der rechten Seite Dropdown-Feld in Chrome. Dies führt dazu, dass der Text unscharf wird und wackelt.

ringa_lee 2017-05-24 11:35:53 0  2  2461

javascript - Bitte sagen Sie mir, wie ich einen Drop-Down-Ladeeffekt erzielen kann!

Ich habe viele grafische Nachrichten. Wie kann ich den Effekt erzielen, dass durch das Dropdown-Menü mehr Nachrichten geladen werden?

代言 2017-07-05 10:37:47 0  4  875

Wenn sich das Auswahlereignis ändert, löst die CSS-Animation den entsprechenden Effekt aus.

Ich versuche, eine React-App zu erstellen. Im Moment habe ich ein Auswahleingabefeld mit einigen Pokémon darin. Was ich tun muss, ist, dass das Pokémon-Sprite jedes Mal, wenn sich die Auswahl ändert (d. h. das Pokémon), eine kleine Schüttelanimation ausführt. Derzeit habe ich nur ein Sprite, das sic...

P粉200138510 2024-04-01 09:16:28 0  1  571

So führen Sie eine CSS-Animation jedes Mal aus, wenn einem Element eine nachfolgende Klasse hinzugefügt wird

Ich habe eine CSS-Animationsklasse eingerichtet, damit ich Elemente animieren kann. Diese Klasse wird hinzugefügt, wenn auf die Eingabeschaltfläche geklickt wird, und ich möchte, dass sie jedes Mal zum Bildschirm fliegt, wenn auf die Eingabeschaltfläche im Beispiel geklickt wird. Dies funktioniert j...

P粉714780768 2023-09-09 22:36:42 0  1  562

javascript - Wie kann der Ladeeffekt erzielt werden, bevor die neue Seite vollständig geladen ist, wenn man window.location.href verwendet, um zu einer Seite zu springen?

Wie kann mit window.location.href ein Seitensprung durchgeführt werden, um den Ladeeffekt zu erzielen, bevor die neue Seite vollständig geladen ist?

漂亮男人 2017-05-19 10:45:07 0  4  1791

javascript - Der CSS3-Animationseffekt kann auf dem Apple-Handy nicht angezeigt werden.

Der Animationseffekt wird durch animate.css erreicht, ebenso wie WeChat und QQ. Allerdings gibt es bei Apple-Telefonen Kompatibilitätsprobleme. Online-Adresse https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1447

Banner verschiebbar

Wie lade ich den Sliding-Effekt im Banner-Karussell? Der Sliding-Effekt auf dem Handy ist besser geeignet

低头走路，抬头摸天。 2019-06-18 11:01:19 0  0  2691

javascript - Wie implementiert man den animierten Hintergrund der Homepage von btcc.com?

Wenn die Website geladen wird, hat der Hintergrund einen kleinen Animationseffekt, der genau richtig ist. https://www.btcc.com/

大家讲道理 2017-05-16 13:26:40 0  1  596

Javascript – Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss.

Ich habe ein seltsames Problem festgestellt. Die von mir geschriebene CSS-Animation wurde automatisch angehalten, als ich den Tab schloss, und weiter abgespielt, als ich den Tab erweiterte. Ich verwende das Hintergrundbild zum Bewegen, um den Bewegungseffekt zu erzielen. Hängt das mit diesem Grund z...

给我你的怀抱 2017-06-30 09:52:30 0  1  875

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

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

wowjs-Animations-CSS ist ungültig, wowjs fügt keine Animationsklassen zu HTML-Elementen hinzu

Wenn Sie hier auf die Website gehen und die Entwicklertools verwenden, sehen Sie diese Zeile<!--Singleportfolioitemone--><sectionclass="single-itemscenter-blockparallaxm-0"id="home" style="background: url (innovativ/img/einzelpor

P粉748218846 2024-03-19 21:29:39 0  1  404

css3 - Wie kann erreicht werden, dass jeder Teil der Seite angezeigt wird, wenn die Bildlaufleiste nach unten gleitet?

Wenn ich mir eine Website ansehe, hat jeder Teil der Seite den gleichen Effekt wie beim ersten Laden. Wie wird das gemacht? Ist es in der Last von jquery geschrieben? Es ähnelt der Homepage dieser Website http://www.itxdl.cn/bra...

漂亮男人 2017-06-05 11:10:23 0  2  1852