Question

我正在尝试（并且失败）使用javascript来更改我正在构建的网页元素的背景颜色和不透明度。这是我在javascript文件中的代码。

setTimeout(function background() {
    document.body.style.backgroundColor = "#000";
},1000);

我不确定为什么这不起作用，如果有人可以提供帮助，那就太棒了。另外我不知道如何使这个功能在1秒后将图像的不透明度从0改为1，从1改为0。如果有人能伸出援助之手，那就太棒了。

谢谢！

Answer 1

以下是设置背景颜色和不透明度以及所有图像的不透明度的方法。注意我使用jQuery：

setTimeout(function background() {
    // How to set the background color and opacity? The last value is opacity
    document.body.style.backgroundColor = "rgba(0,0,0,0.5)";
    // How to set opacity for all images
    $('img').css('opacity', '1.0');
},1000);

只需使用JavaScript改变图像的不透明度：

var images = document.getElementsByTagName('img'); 
for(var i = 0; i < images.length; i++) {
    images[i].style.opacity = '1.0'; // Or '0.0'
}

Answer 2

使用rgba同时实现背景颜色和不透明度

setTimeout(function background() {
    document.body.style.backgroundColor = "rgba(0,0,0,0.5)";
},1000);

此处fiddle

并检查about Opacity and RGBA

JavaScript SetTimeout更改背景颜色

2 个答案: