简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

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

WBOY
Release： 2016-05-16 17:31:31
Original
1658 people have browsed it

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

复制代码 代码如下:





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




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



Related labels：
渐隐 渐显
source：php.cn
Previous article：JQuery+DIV自定义滚动条样式的具体实现_javascript技巧 Next article：javascript动态添加样式(行内式/嵌入式/外链式等规则)_javascript技巧
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Rendering components with different layouts/elements using react-router-dom v6: How can I achieve this? I'm having trouble writing code to render a login page without navigation bar and sidebar....
From 2023-10-24 21:49:16
0
2
210
Learn about CSRF I don't see how using a "challenge token" adds any kind of prevention: what valu...
From 2023-10-23 13:57:29
0
2
218
Implicit conversion from float (number) to int loses precision I used this formula before php8.1 <?php$number=0;echolog10(abs($number))/3|0;echoPHP_EO...
From 2023-10-21 18:33:55
0
2
282
What does it mean in HTML 5 when an attribute is a boolean? What does it mean when a property like a hidden property is a boolean property? Can someon...
From 2023-10-20 18:43:19
0
1
381
Is it possible to add gradients to SVG paths? I want to put a simple loading indicator on my website that is triggered by a script. It s...
From 2023-10-18 14:55:02
0
2
195
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！