简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧

WBOY
Libérer： 2016-05-16 17:31:31
original
1659 Les gens l'ont consulté

经常看到网页里图片渐变显示，自己写一个。
原理很简单就是修改元素的css透明度。
在线预览效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/

复制代码 代码如下:





原生Js元素渐隐/渐显方法




原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)_javascript技巧



Étiquettes associées：
渐隐 渐显
source：php.cn
Article précédent：JQuery+DIV自定义滚动条样式的具体实现_javascript技巧 Article suivant：javascript动态添加样式(行内式/嵌入式/外链式等规则)_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Rendu de composants avec différentes mises en page/éléments à l'aide de React-Router-dom v6 : comment puis-je y parvenir ? J'ai du mal à écrire du code pour afficher une page de connexion sans barre de navigation ...
Depuis 2023-10-24 21:49:16
0
2
210
En savoir plus sur le CSRF Je ne vois pas en quoi l'utilisation d'un « jeton de défi » ajoute une quelconque forme de...
Depuis 2023-10-23 13:57:29
0
2
218
La conversion implicite de float (nombre) en int perd en précision J'ai utilisé cette formule avant php8.1 <?php$number=0;echolog10(abs($number))/3|0;echo...
Depuis 2023-10-21 18:33:55
0
2
282
Qu'est-ce que cela signifie en HTML 5 lorsqu'un attribut est un booléen ? Qu'est-ce que cela signifie lorsqu'une propriété comme une propriété cachée est une propri...
Depuis 2023-10-20 18:43:19
0
1
381
Est-il possible d'ajouter des dégradés aux chemins SVG ? Je souhaite mettre en place sur mon site Web un simple indicateur de chargement déclenché ...
Depuis 2023-10-18 14:55:02
0
2
195
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
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！