Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript
P粉799885311
P粉799885311 2024-04-06 19:25:49
0
1
454

Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement CSS J'aime

img:active { }

P粉799885311
P粉799885311

répondre à tous (1)
P粉238433862

Vous pouvez y parvenir en utilisant l'attributde remplacement d'élémentde fonctioncontent.

Veuillez noter que vous ne pouvez pas configurer d'ARIA ou d'autres fonctionnalités liées à l'accessibilité à l'aide de cette technologie, de sorte que les informations que vous transmettez peuvent être perdues pour une partie de votre base d'utilisateurs. (Cela peut être illégal en fonction de la nature des informations, de qui vous êtes et du contrôle auquel vous êtes soumis/commercialisé).

Vous souhaiterez peut-être définirtabindexou envelopper l'image dans un bouton pour la rendre accessible via le clavier/etc.

A noter également que:active表示“单击时”而不是“单击后”。 CSS 没有“点击后”伪类(尽管:focussuffit dans certains cas).

img:active { content: url(http://placekitten.com/200/200); }
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!