简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

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

WBOY
Lepaskan： 2016-05-16 17:31:31
asal
1682 orang telah melayarinya

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

复制代码 代码如下:





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




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



Label berkaitan：
渐隐 渐显
sumber：php.cn
Artikel sebelumnya：JQuery+DIV自定义滚动条样式的具体实现_javascript技巧 Artikel seterusnya：javascript动态添加样式(行内式/嵌入式/外链式等规则)_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...
daripada 2024-04-06 15:49:33
0
1
319
Sembunyikan/tunjukkan div pada klik dan tatal Saya ingin mencipta borang carian tersembunyi yang muncul apabila kita mengklik pada ikon ...
daripada 2024-04-06 12:20:46
0
1
386
Tetapkan bahagian bawah kepada 100% ketinggiannya sendiri Saya ingin menyediakan elemen supaya ia disembunyikan daripada paparan halaman dan bahagia...
daripada 2024-04-04 22:41:16
0
1
1438
Tetikus item menu tertentu tidak menunjukkan submenu tersembunyi Saya mencipta beberapa kelas untuk item menu supaya saya boleh memanggilnya. .dropdownBox{...
daripada 2024-04-04 14:39:08
0
1
359
Menukar daripada show hidden kepada show block apabila fokus tidak berfungsi Saya cuba untuk mendapatkan "searchbardropdown" saya untuk dipaparkan apabila &q...
daripada 2024-04-04 14:24:47
0
1
371
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！