Implementieren Sie Übergangseffekte für die Bildersetzung mit reinem Javascript

Auf einer von mir erstellten Website habe ich eine Reihe von Akkordeons, auf denen jeweils ein Bild zu sehen ist. Wenn Sie das Akkordeon öffnen, befindet sich darin eine Beschreibung und das Bild wechselt zu einem anderen. Wenn Sie dann das Akkordeon schließen, wechselt das Bild zurück zum ersten Bi...

P粉458913655 2024-03-30 00:14:11 0  1  470

javascript – Wenn Sie auf den linken und rechten Umschaltpfeil von Swipe klicken, wird innerhalb der Funktion „slideNext' im Swipe-Quellcode auf die aktuelle Vue-Instanz zugegriffen.

Die aktuelle Anforderung besteht darin, mit Vue eine Karussellkomponente mit Tab-Leiste und Wischen zu erstellen. Wenn ich auf den linken und rechten Kopf des Karussellbilds klicke, möchte ich die Seitenzahl der aktuellen Seite in der slideNext-Funktion von swipe abrufen und die Seitenzahl an die Vu...

漂亮男人 2017-06-26 10:58:16 0  1  773

javascript - Wie erziele ich einen Fotoalbum-Effekt? Welches Plugin soll verwendet werden?

Klicken Sie, um eine Vorschau des Bildes anzuzeigen, nach links und rechts zu wischen und Zahlen anzuzeigen. Ich habe den Link auf meinem Computer abgelegt, aber Mausklicks haben keine Wirkung. Gibt es ein ausgereiftes Plug-in, das ich verwenden kann? Die Maske, die Sie schreiben, kann in der Vorsch...

PHP中文网 2017-06-30 09:56:05 0  4  808

javascript - So erzielen Sie mit dem vue2.0-Übergang den Effekt, die Maus nach oben zu bewegen, den QR-Code von der Außenseite des Bildschirms herauszuschieben und den QR-Code zu belassen und aus dem Bildschirm herauszurutschen.

So verwenden Sie den vue2.0-Übergang, um den Effekt zu erzielen, dass Sie die Maus nach oben bewegen, den QR-Code von der Außenseite des Bildschirms herausschieben und den QR-Code aus dem Bildschirm herausgleiten lassen. Das Folgende ist der Code, den ich geschrieben habe Was ich geschrieben habe is...

PHP中文网 2017-05-19 10:30:36 0  2  875

javascript – Zweifel am JS-Steuerelementstil

{Code...} Wie im obigen Code gezeigt, gleitet die slider_box jede Sekunde um 20 % nach links (1 Bildschirm), aber das Problem tritt auf, wenn sie auf 100 % gleitet, kann sie nicht mehr nach links verschoben werden (Wenn Sie weiter schieben, wird kein Bild angezeigt) ), aber der Effekt, den ich bei e...

伊谢尔伦 2017-07-05 10:39:55 0  4  843

javascript - Bildsammeleffekt plus 3D-Effekt Warum gibt es nach dem Sammeln Linien?

Es gibt viele Unterabteilungen in einer Abteilung, und die Hintergrundbilder der Unterabteilungen werden zu einem Gesamtbild zusammengefügt. Für den Sammeleffekt habe ich einen 3D-Y-Achsen-Inversionseffekt hinzugefügt. Warum gibt es eine kleine Lücke? die Mitte beim Spleißen? Logischerweise sollte e...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  579

Objective-C – iOS-Gleitproblem bezüglich Tableview oder ScrollView

Wenn der Titel so ist, ist der Effekt, den ich erzielen möchte, der, den ich beim Herunterschieben erzielen möchte. Das Bild unten wurde beispielsweise mit der Tabellenansicht erstellt Stellen Sie sicher, dass die blaue Farbe nicht die Hälfte des Bildschirms erreicht (ungefähr Diese Position ist in ...

PHP中文网 2017-06-20 10:06:07 0  1  883

javascript - Wie verschiebt man den Bildschirm eines Mobiltelefons, um den Abstand von der Oberkante eines bestimmten Elements zu ermitteln? Kann dieser Wert gleichzeitig von anderen Funktionen referenziert werden?

Wie der Titel schon sagt, möchte ich den Bildschirm des Mobiltelefons verschieben, wenn ein Element einen bestimmten Wert (z. B. 200 Pixel) von oben hat, und dann auf die Popup-Schaltfläche auf dem Bildschirm klicken Die Popup-Ebene ist 200 Pixel von oben entfernt. {Code...} Wenn Sie diesen Effekt e...

PHPz 2017-05-18 11:02:18 0  2  621

Problem mit nicht genauen Mauskoordinaten: Verwendung von HTML5-Canvas beim Ändern der Seitengröße

Ich möchte diesen Pixeleffekt von einem Front-End-Experten erstellen. Obwohl ich den gesamten Pixeleffekt auf einer Vollbild-Leinwand erzielen kann: constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Setzen Sie die Vollbildhöhe auf die Leinwand canvas.width=window.innerWidth ;//...

P粉752290033 2023-09-12 12:20:33 0  1  761

So fügen Sie zusammenklappbare Elemente in das Flexbox-Layout ein

Ich habe ein Flexbox-Layout mit einem umschlossenen Bild und möchte einige Informationen anzeigen, wenn auf das Bild geklickt wird. Die Informationen sollten zwischen der Zeile, die das Bild enthält, und der Zeile direkt darunter erscheinen, ohne dass die „Spalte“ verschoben wird. Dies ist die Art v...

P粉366946380 2024-03-19 23:20:59 0  2  414

Erfahren Sie, wie Sie einen weichen Effekt erzielen, indem Sie die Kanten eines Blocks mit CSS ändern

Wie ändere ich mein CSS so, dass die Ränder der Box einen weichen Unschärfeeffekt haben? Ich möchte, dass der Hintergrund der Box einen Milchglaseffekt hat und statt scharfer Kanten einen gefiederten Effekt hat, der allmählich in den Hintergrund übergeht, aber ich weiß nicht, wie ich das aktuelle CS...

P粉785522400 2023-08-16 18:38:07 0  1  745

javascript - So erzielen Sie den horizontalen Gleitverzögerungseffekt der Navigationsleiste einer mobilen Website

Die Navigationsleiste der mobilen Version großer Websites kann im Allgemeinen horizontal verschoben werden, nachdem ich sie berührt und vom Bildschirm des Mobiltelefons weggeschoben habe. Diese Funktion gefällt mir sehr gut und ich habe sie gefunden Ich konnte keine detaillierte Methode für die Einf...

给我你的怀抱 2017-06-28 09:27:42 0  1  936

Javascript – SVG-Neuling, möchte Bilder in SVG einfügen

Der Code ist wie oben. Ich möchte Bilder in SVG einfügen und die Bilder animieren, aber er hat keine Auswirkung. Bitte erklären Sie.

代言 2017-06-24 09:44:02 0  1  924

javascript - Kann jemand ein Plugin empfehlen, das eine PDF-Vorschau in Dom-Elementen anzeigen kann?

Ähnlich wie im Bild verwende ich jetzt ein PDF-Plugin namens objectPDF.js. Nach der Verwendung sind die DOM-Elemente hinter dem PDF-Vorschau-Plugin verschwunden.

ringa_lee 2017-05-19 10:09:10 0  2  608

javascript – So erzielen Sie einen Bleistiftlinienzeichnungseffekt auf Leinwand

Die Strichzeichnungen, die ich kürzlich gemacht habe, wurden alle mit Lineto erstellt, aber die Zeichnungen sind alle durchgezogene Linien. Aus der Perspektive der kreativen Wirkung möchte ich den Effekt haben, einen [Bleistift] zu zeichnen ~ Liebe Meister, wie man es zeichnet. .

習慣沉默 2017-05-24 11:37:40 0  1  1073

Javascript - Ich habe ein cooles Karussellbild gesehen. Bitte sagen Sie mir, wie ich es umsetzen soll.

Ich habe gesehen, dass das Karussellbild auf der Seite https://www.pingxx.com so cool ist. Wie kann ich den Ausblendeffekt auf beiden Seiten erzielen?

某草草 2017-05-18 10:52:10 0  2  541

Hintergrund und transparenter Text werden abgeschnitten

Gibt es eine Möglichkeit, mit CSS den Effekt zu erzeugen, dass transparenter Text aus dem Hintergrund herausgeschnitten wird, wie unten gezeigt? Es wäre eine Schande, all Ihr wertvolles SEO zu verlieren, weil Bilder den Text ersetzen. Zuerst dachte ich an Schatten, aber mir fiel nichts ein ... Das B...

P粉439804514 2024-03-25 16:47:36 0  2  638

javascript - Wie kann ich das Gleiten des Mobiltelefonbildschirms und den Abstand vom oberen Rand des Gleitbildschirms überwachen?

Wie kann man das Verschieben des Mobiltelefonbildschirms überwachen und die Scrollentfernung von oben berechnen? {Code...} Was ich so schreibe, ist immer 0? Überwachungsscroll hat keine Auswirkung! Frag Gott

黄舟 2017-05-19 10:11:07 0  4  679

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

Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?

Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Trennzeichen/neue Elemente umzuwandeln. Ich weiß nicht, wie ich es erklären soll, aber stellen Sie sich ein Bild mit einem Titel darunter vor – klicken Sie auf den Titel, und dann wird das Bild oben zu einem Textf...

P粉872101673 2024-04-04 11:21:03 0  1  3853