简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-05-16 17:31:31
Original
1659 Leute haben es durchsucht

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

复制代码 代码如下:





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




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



Verwandte Etiketten：
渐隐 渐显
Quelle：php.cn
Vorheriger Artikel：JQuery+DIV自定义滚动条样式的具体实现_javascript技巧 Nächster Artikel：javascript动态添加样式(行内式/嵌入式/外链式等规则)_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Rendern von Komponenten mit unterschiedlichen Layouts/Elementen mit React-Router-Dom v6: Wie kann ich das erreichen? Ich habe Probleme beim Schreiben von Code zum Rendern einer Anmeldeseite ohne Navigationsl...
Aus 2023-10-24 21:49:16
0
2
210
Erfahren Sie mehr über CSRF Ich verstehe nicht, wie die Verwendung eines „Challenge-Tokens“ irgendeine Art von Prävent...
Aus 2023-10-23 13:57:29
0
2
218
Die implizite Konvertierung von float (Zahl) in int verliert an Präzision Ich habe diese Formel vor php8.1 <?php$number=0;echolog10(abs($number))/3|0;echoPHP_EOL...
Aus 2023-10-21 18:33:55
0
2
282
Was bedeutet es in HTML 5, wenn ein Attribut ein boolescher Wert ist? Was bedeutet es, wenn eine Eigenschaft wie eine versteckte Eigenschaft eine boolesche Eige...
Aus 2023-10-20 18:43:19
0
1
381
Ist es möglich, Verläufe zu SVG-Pfaden hinzuzufügen? Ich möchte einen einfachen Ladeindikator auf meiner Website platzieren, der durch ein Skri...
Aus 2023-10-18 14:55:02
0
2
195
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！