淡出除了一个div之外的所有东西可以通过以下步骤实现:
以下是一个示例代码:
HTML:
<div id="keep">保留的div</div>
<div class="fade-out">要淡出的元素1</div>
<div class="fade-out">要淡出的元素2</div>
<div class="fade-out">要淡出的元素3</div>
CSS:
.fade-out {
opacity: 1;
transition: opacity 1s;
}
JavaScript:
// 选中所有要淡出的元素
var fadeOutElements = document.querySelectorAll('.fade-out');
// 遍历元素并设置opacity为0
for (var i = 0; i < fadeOutElements.length; i++) {
fadeOutElements[i].style.opacity = 0;
}
这样,除了id为"keep"的div之外的其他元素都会在1秒的时间内淡出消失。
腾讯云相关产品和产品介绍链接地址:
云+社区技术沙龙[第15期]
腾讯技术创作特训营第二季第5期
Elastic 实战工作坊
Elastic 实战工作坊
Elastic 实战工作坊
云+社区沙龙online第5期[架构演进]
企业创新在线学堂
Elastic 实战工作坊
技术创作101训练营
云+社区技术沙龙[第17期]
领取专属 10元无门槛券
手把手带您无忧上云