Wie kann ich den Effekt des Tab-Wechsels erzeugen (Textinhalt ändert sich damit)

Wie im Bild gezeigt, möchte ich diesen Etikettenwechseleffekt erzeugen. Bitte geben Sie mir eine Anleitung!

yuippp 2019-09-10 11:35:49 0  2  1276

javascript - Der Übergangseffekt von vue 2.0 ist abnormal

Als ich einen Umschaltübergang auf vue2.0 durchführte, stellte ich fest, dass die Umschaltanzeige normal war, aber es gab eine Verzögerung, als der Umschaltvorgang verschwand, und es gab keinen Übergangseffekt {Code...} {Code...}

世界只因有你 2017-05-19 10:33:34 0  1  626

Javascript - Swiper-Tab-Wechsel. Wie kann ich den Swiper-Container durch Klicken auf die einzelnen Schaltflächen verschieben?

Wie kann ich den Swiper-Container bewegen, indem ich auf jede Schaltfläche für den Swiper-Tab-Wechsel klicke? Wenn der obere Tab-Wechsel von NetEase beispielsweise auf jede Schaltfläche klickt, scrollt der Tab-Wechsel-Container (1: Er kann nach links und rechts scrollen und der Inhalt füllt den gesa...

迷茫 2017-06-14 10:54:16 0  2  801

javascript – swiper.js funktioniert nicht gut, wenn autoHeight eingestellt wird, wenn die Inhaltshöhe kleiner als die Bildschirmhöhe ist

Verwenden Sie swiper.js, um das Wechseln von Tab-Elementen zu implementieren, aber die Höhe jedes Tab-Elements ist unterschiedlich und die Daten werden asynchron geladen. Für die adaptive Höhe des Swiper-Containers ist autoHeight: true festgelegt, es wird jedoch festgestellt, dass der Inhalt Höhe &l...

phpcn_u1582 2017-05-19 10:43:35 0  1  609

javascript - Wie kann ich dafür sorgen, dass das Hintergrundbild des Körpers im Vollbildmodus mit unterschiedlichen Auflösungen angezeigt wird? Kleine Auflösungen haben vertikale Bildlaufleisten und der zusätzliche Inhalt hat keinen Hintergrund? Wie man damit umgeht?

Wenn ich eine große Bildschirmauflösung verwende, wird der Hintergrund problemlos im Vollbildmodus angezeigt. Wenn ich zu einem kleinen Bildschirm wechsle, hat der Bildlaufinhalt keinen Hintergrund. Code:

黄舟 2017-05-19 10:30:07 0  2  637

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

html5 – Vuex-Speicherproblem im Vue-Projekt

Implementierungseffekt: Klicken Sie auf die Schaltfläche, um die Breite des linken Menüs zu ändern. Ich habe jetzt Vuex verwendet, um ein Feld IsOpen zu speichern, und dann haben sowohl die Navigationskomponente als auch die Menükomponente den Anfangswert des Felds erhalten. Wenn auf die Schaltfläch...

迷茫 2017-06-27 09:19:31 0  2  905

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

javascript - Was ist die beste Kombination aus Vue-Komponenten und Arbeitseffizienz?

Szenario: Verwenden Sie mithilfe der Route drei Inhalte (Tab-Wechsel) auf einer Seite. Die drei Inhalte sind sehr wichtig und jeder hat seine eigenen Unterschiede. Frage: Wie stellt man Komponenten her? Wie schafft man ein Gleichgewicht zwischen Komponenten und Arbeitseffizienz? Meine Idee: 1. Fügen...

阿神 2017-05-19 10:46:21 0  1  585

javascript - Wie erzielt Alibaba Cloud diesen Effekt?

Das Folgende ist ein Link zur Alibaba Cloud-Website. Wie wird der Wechseleffekt eines schnellen Platzes darin erreicht? Ich kann es nicht in der CSS-Linkadresse der Website sehen

大家讲道理 2017-06-12 09:32:10 0  3  958

javascript – Warum wird meine Einstellung für den Animationsfüllmodus nicht wirksam?

.gold_egg_broken{ {code...} } @-webkit-keyframes eggbroken { {code...} } Wechseln Sie diesen Stil dynamisch zu einem Element und möchten Sie, dass er im letzten Frame bleibt und unverändert bleibt. Aber es zeigt keine Wirkung

女神的闺蜜爱上我 2017-07-05 10:39:25 0  2  1043

Die Statusaktualisierung funktioniert in React-Native auf Android nicht

Ich habe einen Code, der Bildpaare in einer wischbaren horizontalen Galerie enthält. Wenn Sie nun auf den oberen Teil beider Bilder klicken, sollten die Bilder ausgeschaltet werden. Ich habe also isImage2Active auf den Status gesetzt und dann einfach ihre Quelle umgeschaltet. Unter iOS funktioniert ...

P粉541551230 2024-04-06 16:54:10 0  1  601

javascript – So scrollen Sie die Nachrichtenliste in Vue nach oben und unten

Dies ist der Datenteil, der in einer Schleife abgespielt wird {code...} Dies ist mein aktueller Code, der nur in einer Schleife ohne Animationseffekte wechseln kann {code...}

淡淡烟草味 2017-05-19 10:43:20 0  3  891

javascript – FEHLER im Schleifenmodus des Swiper-Plugins?

1. Ich habe jetzt 8 Daten und stelle es dann so ein, dass alle 5 Sekunden 5 Daten gewechselt werden, und setze die Schleife auf „true“. Dann wird immer der letzte Datensatz abgespielt, das heißt, das zweite Bild wird gewechselt Daten alle 5 Sekunden und zeigt immer 6 an. Dann habe ich versucht, die ...

大家讲道理 2017-06-26 10:58:10 0  1  919

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

Vite/Vue 3: „Undefinierte Anforderung' bei Verwendung der Bildquelle als Requisite

Ich bin von VueCLI zu ViteCLI und von Vue3s CompositionAPI zu SFCScriptsetupAPI gewechselt. So funktionierte es vorher bei mir: Als ich die offizielle VueCLI verwendete, konnte ich die Bildquelle importieren, indem ich den Dateinamen des Pfads über props übergab: <template><img:src="re...

P粉301523298 2024-04-06 09:50:25 0  1  541

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

Javascript – natives JS-Karusselldiagramm

Kürzlich habe ich an den nativen js-Karussellbildern herumgebastelt und einen Übergang zum Umschalten hinzugefügt, sodass es ein großes Verbindungsproblem vom letzten Bild zum ersten Bild gab. Die Idee besteht darin, das erste Bild nach dem letzten Bild anzuhängen und dann das erste Bild aus dem übe...

PHPz 2017-05-18 10:46:20 0  4  1133

javascript - Wie richte ich eine VUX-Routing-Sprunganimation ein? Wie verwende ich Vux-Pop-In und VUX-Pop-Out?

Wie erreiche ich den gleichen Routenwechseleffekt wie beim nativen? Ich habe in den Codes vieler Master Vux-Pop-Out gesehen. Warum reagiert es nicht, wenn ich es hinzufüge?

大家讲道理 2017-05-19 10:12:23 0  1  1076

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