javascript - Deux swipers sont imbriqués Lorsque l'animation du swiper externe est initialisée, les éléments animés sont masqués et non affichés.

État initial : passez à la deuxième page, puis revenez en arrière. L'élément d'animation apparaît et l'animation est jouée normalement.

我想大声告诉你 2017-05-19 10:32:28 0  1  792

Comment exécuter une animation CSS à chaque fois qu'une classe suivante est ajoutée à un élément

J'ai une classe d'animation CSS configurée pour pouvoir animer des éléments. Cette classe sera ajoutée lorsque vous cliquerez sur le bouton de saisie et je souhaite qu'elle apparaisse à l'écran chaque fois que vous cliquerez sur le bouton de saisie de l'exemple. Cependant, cela ne fonctionne que la ...

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

html - Utilisation de setInterval dans jquery pour faire défiler les engrenages en boucle

Il y a un engrenage. L'animation que nous réalisons maintenant est que l'événement de défilement sera déclenché lorsque la souris survole. L'animation que nous voulons faire est qu'une fois la page chargée, l'engrenage se déroulera et reviendra après un certain temps. de temps. Le défilement à droit...

習慣沉默 2017-05-16 13:25:04 0  3  863

Conserver l'animation CSS dans son état final à la fin

J'exécute des animations sur certains éléments définis sur opacity:0 en CSS. Une classe d'animation est appliquée à l'événement onClick, à l'aide d'images clés, qui modifient l'opacité de 0 à 1 (ainsi que quelques autres modifications). Malheureusement, lorsque l'animation se termine, l'élément revi...

P粉950128819 2023-08-20 18:36:55 0  2  687

Le CSS de l'animation wowjs n'est pas valide, wowjs n'ajoute pas de classes d'animation aux éléments HTML

Si vous allez sur le site Web ici et vérifiez à l'aide des outils de développement, vous verrez cette ligne<!--Singleportfolioitemone--><sectionclass="single-itemscenter-blockparallaxm-0"id="home" style="background: url (innovant/img/single-por

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

Comment mettre l'animation en pause au survol mais continuer une fois la souris partie

J'en ai marre de plusieurs solutions et celle-ci est la plus proche que j'ai obtenue. Mais je ne suis toujours pas satisfait du résultat, car lorsque la souris quitte l'élément, l'élément revient à sa rotation d'origine. L'idée est que si vous survolez l'élément, cela déclenchera l'animation même si...

P粉786800174 2024-04-01 09:43:54 0  1  505

Comment savoir si la souris a arrêté de survoler un élément ?

Je veux savoir comment arrêter le survol de la souris sur un élément en javascript ou en utilisant css. Je crée une animation où l'arrière-plan change de couleur lorsque la souris le survole, et je souhaite également ajouter une animation lorsque la souris arrête de survoler l'élément. Comment puis-...

P粉547420474 2024-03-31 13:28:28 0  1  409

Problème d'ordre de portée avec l'exécution de code JavaScript ?

var mark2=true;$(".right").click(function(){ {code...} function move(obj){ {code...} Cliquez sur $(".right") pour exécuter la fonction de déplacement , Il s'agit principalement d'ajouter une animation à l'élément obj, et d'éviter que $(".right") ne soit cliqué trop rapi...

phpcn_u1582 2017-06-26 10:51:58 0  2  749

javascript - Poser une question très déroutante? À propos de is(":animated") de jQuery

Quel est le principe d'implémentation de is(":animated") dans jQuery ? Quelle est la base pour déterminer si l'élément actuel est animé ? Est-ce l'heure de l'exercice ? Ou est-il jugé par d’autres attributs ? J'espère qu'un expert de passage pourra me donner quelques conseils...

phpcn_u1582 2017-06-26 10:55:56 0  1  779

html5 - z-index est valide dans le débogage du navigateur mais invalide dans les tests sur téléphone mobile

Lors du débogage du navigateur, la flèche est masquée après qu'un événement de glissement se produit, mais elle n'est pas facile à utiliser sur WeChat mobile. Cet élément a une animation d'animation. Si vous supprimez l'animation, elle sera efficace. être invalide. Il n'y a pas de flottant dans le f...

高洛峰 2017-07-04 13:45:06 0  2  1851

javascript - Une question sur l'événement Mousdown

S'il vous plaît, aidez-moi. J'ai utilisé $.animate pour implémenter un événement basé sur l'élément de page mousdown. Après l'avoir fait, j'ai trouvé un problème après avoir cliqué plusieurs fois de suite sur la souris, l'animation sera jouée plusieurs fois. à réaliser est de recommencer depuis le d...

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

Comment animer la hauteur avec transformation sans presser le contenu

Dans mon projet, j'utilise jQueryslideUp() pour faire glisser des éléments vers le haut dans une liste de 200 éléments lorsque l'utilisateur clique sur un bouton. Cependant, les animations CSS en hauteur sont connues pour nécessiter une redistribution, ce qui entraîne des animations instables. L'ani...

P粉208469050 2024-01-01 11:51:20 0  1  478

html5 - Pseudo-élément ajouté mais ne peut pas être vu lors de la visualisation de l'élément

{Code...} Je souhaite définir l'animation dans deux directions de cette manière. Lors de la superposition, l'effet d'une courbe apparaîtra. Cependant, le pseudo-élément ajouté n'est plus visible lors de la visualisation de l'élément. Où ai-je mal écrit ?

为情所困 2017-07-04 13:45:09 0  2  2039

javascript - pourquoi deux éléments sont nécessaires pour créer un effet de défilement avec transformation

J'ai lu les articles d'autres personnes expliquant pourquoi il est nécessaire d'utiliser deux couches d'éléments pour effectuer deux animations afin d'obtenir l'effet parabolique d'une petite boule, au lieu d'écrire simplement un élément &lt;div class="ball"&gt;&lt;/div&gt;...

滿天的星座 2017-05-19 10:18:02 0  2  860

javascript - Comment écrire des effets d'animation dans React?

Comment créer des effets d'animation pour les composants en réaction ? Par exemple, pour une simple boîte de dialogue, j'espère qu'après avoir cliqué sur Annuler, la boîte de dialogue s'estompera d'abord puis disparaîtra. Si vous utilisez jquery, c'est très simple, commencez par animer({ //Fade CSS}...

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

Comment éviter que les éléments convertis soient automatiquement coupés par débordement ?

J'utilise Bootstrap4 pour créer une galerie modale pour le site Web personnel d'un ami. Je l'ai configuré pour que les images se développent au survol - mais lorsque je règle le débordement sur auto, elles sont coupées au bord du modal (ou div). La Galerie est également le troisième d'une série d'on...

P粉242535777 2023-09-07 20:04:02 0  1  609

Interpréter les coordonnées d'image soumises pour les éléments d'image animée dans un formulaire

Je souhaite capturer les valeurs X:Y indiquant où l'utilisateur a cliqué sur une image animée en vérifiant le tableau php$_POST. Le problème est que même si je peux obtenir les informations de soumission d'entrée sur l'image statique, je n'arrive pas à obtenir de valeurs de l'image animée. Voici la ...

P粉421119778 2024-02-26 22:34:14 0  1  688

Conserver l'espacement des polices pour une ligne de texte divisée en éléments HTML distincts

J'essaie de recréer une technique courante consistant à diviser les mots en éléments HTML distincts afin qu'ils puissent être positionnés individuellement via une animation. Le problème que j'ai est que je perds l'espacement entre les mots lorsqu'ils sont séparés en éléments distincts. Je peux ajout...

P粉258083432 2023-09-10 18:37:01 0  1  695

Pourquoi chaque fois que j'enregistre mon projet Vite React, un nouvel élément de canevas est ajouté au corps de la page au lieu de remplacer l'élément de canevas existant ?

J'essaie de commencer à apprendre ThreeJs (je suis également nouveau dans le développement Web Javascript). Après avoir regardé quelques tutoriels, j'ai commencé avec Vite et React, puis avec un cube rotatif de base. Cette partie fonctionne. Mais d'après ce que j'ai lu sur vite, enregistrer le fichi...

P粉186904731 2024-03-30 09:57:49 0  1  547

Créer un soulignement de texte animé : un guide étape par étape

J'essaie de faire en sorte que l'élément de balise <a> soit souligné en survol, comme dans le premier exemple de cette page. C'est presque bête de poser cette question car le tutoriel est là mais ce que je fais ne fonctionne pas et je ne sais pas pourquoi. Ceci est mon contenu CSS #about-text-...

P粉366946380 2024-02-03 20:00:08 0  1  404