淡出除了一个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秒的时间内淡出消失。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云