Implémenter des effets de transition pour le remplacement d'images en utilisant du Javascript pur

Sur un site Web que j'ai créé, j'ai un certain nombre d'accordéons, chacun avec une image dessus. Lorsque vous ouvrez l'accordéon, il y a une description à l'intérieur et l'image se transforme en une autre. Puis lorsque vous fermez l'accordéon, l'image revient à la première image. Le problème est qu...

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

javascript - Lorsque vous cliquez sur les flèches de commutation gauche et droite du balayage, l'instance de vue actuelle est accessible à l'intérieur de la fonction slideNext dans le code source du balayage.

L'exigence actuelle est d'utiliser vue pour créer un composant carrousel avec une barre d'onglets et un balayage. Lorsque je clique sur les têtes gauche et droite de l'image du carrousel, je souhaite obtenir le numéro de page de la page actuelle dans la fonction slideNext de swipe et transmettre le ...

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

javascript - Comment obtenir l'effet d'un album photo? Quel plugin utiliser ?

Cliquez pour prévisualiser l'image, faites glisser vers la gauche et la droite et ayez des chiffres. J'ai mis le lien sur mon ordinateur, mais les clics de souris n'ont aucun effet. Existe-t-il un plug-in mature que je peux utiliser ? Le masque que vous écrivez peut être prévisualisé, mais basculer ...

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

javascript - Comment utiliser la transition vue2.0 pour obtenir l'effet de déplacer la souris vers le haut, de faire glisser le code QR hors de l'écran, de laisser le code QR et de glisser hors de l'écran.

Comment utiliser la transition vue2.0 pour obtenir l'effet de déplacer la souris vers le haut, de faire glisser le code QR de l'extérieur de l'écran et de laisser le code QR glisser hors de l'écran. Voici le code que j'ai écrit, mais. ce que j'ai écrit est : déplacez la souris vers le haut, la boîte...

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

javascript - Doutes sur le style d'élément de contrôle js

{Code...} Comme indiqué dans le code ci-dessus, toutes les secondes, la slider_box glisse de 20% vers la gauche (1 écran), mais le problème vient, lorsqu'elle glisse à 100%, elle ne peut plus glisser vers la gauche (si vous glissez plus loin, il n'y aura pas d'image) ), mais l'effet que j'ai vu sur ...

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

javascript - Effet de collecte d'images, plus effet 3D. Pourquoi y a-t-il des lignes après la collecte ?

Il y a plusieurs sous-divs dans un div, et les images d'arrière-plan des sous-divs sont rassemblées pour former une image entière ; pour l'effet de rassemblement, j'ai ajouté un effet d'inversion de l'axe y 3D. Pourquoi y a-t-il une petite couture. le milieu lors de l'épissage ? Logiquement parlant,...

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

objective-c - problème de glissement iOS à propos de tableview ou scrollView

Si le titre est comme ceci, l'effet que je souhaite obtenir se produit pendant le processus de glissement vers le bas. Par exemple, l'image ci-dessous est réalisée avec tableview. Désormais, lorsque vous la faites glisser ici, elle ne bougera pas. c'est que la couleur bleue n'atteint pas la moitié d...

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

javascript - Comment faire glisser l'écran d'un téléphone mobile pour obtenir la distance depuis le haut d'un élément donné? En parallèle, cette valeur peut-elle être référencée par d'autres fonctions ?

Comme le titre l'indique, ce que je veux réaliser, c'est faire glisser l'écran du téléphone mobile lorsqu'un élément a une certaine valeur (par exemple, 200 pixels) depuis le haut, cliquez sur le bouton contextuel de l'écran et sur la position du. le calque contextuel sera à 200 pixels du haut. {Cod...

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

Problème lié à l'obtention de coordonnées de souris précises : utilisation du canevas HTML5 lors du redimensionnement de la page

Je souhaite créer cet effet de pixel à partir d'un expert front-end. Bien que je puisse obtenir l'intégralité de l'effet pixel sur un canevas plein écran : constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Définissez la hauteur plein écran sur le canevas canvas.width=window.inn...

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

Comment insérer des éléments pliables dans la mise en page Flexbox

J'ai une disposition flexbox avec une image enroulée autour et je souhaite afficher des informations lorsque l'on clique sur l'image. Les informations doivent apparaître entre la ligne contenant l'image et la ligne directement en dessous, sans déplacer la « colonne ». C'est le type d'effet que je so...

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

Apprenez à obtenir un effet de dégradé en modifiant les bords d'un bloc avec CSS

Comment modifier mon CSS pour que les bords de la boîte aient un effet de flou progressif ? J'aimerais que l'arrière-plan de la boîte ait un effet de verre dépoli et, au lieu de bords nets autour, un effet de plumes qui se fond progressivement dans l'arrière-plan, mais je ne sais pas comment modifie...

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

javascript - Comment obtenir l'effet de décélération du glissement horizontal de la barre de navigation d'un site Web mobile

La barre de navigation de la version mobile des principaux sites Web peut généralement glisser horizontalement. Après avoir touché et éloigné de l'écran du téléphone mobile, il y a un effet de glissement décélérant. J'ai beaucoup cherché sur Internet et tout ce que j'ai trouvé. étaient des introduct...

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

javascript - novice en svg, je souhaite insérer des images dans svg

Le code est comme ci-dessus. Je souhaite insérer des images dans SVG et animer les images, mais cela n'a aucun effet. Veuillez expliquer...

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

javascript - Quelqu'un peut-il recommander un plugin capable de prévisualiser un PDF dans les éléments dom?

Semblable à l'effet de l'image, j'utilise maintenant un plug-in PDF appelé objectPDF.js. Après l'avoir utilisé, les éléments DOM derrière le plug-in d'aperçu PDF ont disparu.

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

javascript - Comment obtenir un effet de dessin au crayon sur une toile

Les dessins au trait que j'ai faits récemment sont tous réalisés avec lineto, mais les dessins sont tous des lignes pleines du point de vue de l'effet créatif, je veux avoir l'effet de dessiner un [crayon]~ Chers maîtres, comment le dessiner. .

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

javascript - J'ai vu une image de carrousel sympa, dites-moi comment l'implémenter.

J'ai vu que l'image du carrousel sur la page https://www.pingxx.com est tellement cool. Comment puis-je obtenir l'effet de fondu des deux côtés ?

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

L'arrière-plan et le texte transparent sont coupés

Existe-t-il un moyen d'utiliser CSS pour créer l'effet de découper le texte transparent de l'arrière-plan, comme indiqué ci-dessous ? Il serait dommage de perdre tout votre précieux référencement car les images remplacent le texte. J'ai d'abord pensé aux ombres mais je n'ai trouvé rien... L'image es...

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

javascript - Comment surveiller le glissement de l'écran du téléphone portable et la distance depuis le haut de l'écran coulissant?

Comment surveiller le glissement de l'écran du téléphone portable et calculer la distance de défilement depuis le haut ? {Code...} Ce que j'écris comme ça est toujours 0 ? Le défilement de surveillance n'a aucun effet ! Demander à Dieu

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

html - la barre de navigation CSS est floue, la barre de navigation est fixe et la page ci-dessous est floue au fur et à mesure que la page glisse.

Après de longues recherches sur Internet, je n'ai pas trouvé de solution capable d'affecter dynamiquement la page ci-dessous et de la rendre floue. Il s'agit d'un effet de flou de la station b. Il est statique. Le principe est d'utiliser deux images identiques, de flouter une partie de l'une et de l...

大家讲道理 2017-05-24 11:36:02 0  2  1125

Comment puis-je transformer le texte en un nouvel élément (comme un séparateur) lorsque je clique dessus ?

J'essaie de trouver un moyen de faire en sorte que certains textes de la page se transforment en séparateurs/nouveaux éléments lorsque vous cliquez dessus. Je ne sais pas comment l'expliquer, mais imaginez une image avec un titre en dessous - cliquez sur le titre, puis l'image ci-dessus devient comm...

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