javascript控制Div层透明属性由浅变深由深变浅逐渐显示

要实现"JavaScript控制DIV层透明属性由浅变深由深变浅逐渐显示"，可以通过以下步骤实现：

1. 创建一个DIV层并设置CSS样式，包括宽度，高度，背景颜色、位置等信息。如下所示：

```html

```

1. 在JavaScript代码中获取该DIV层对象。

javascript
var myDiv = document.getElementById("myDiv");

1. 然后使用setInterval()函数，定时调用执行函数，实现逐渐显示效果。

javascript
var opacity = 0; // 设置初始透明度值为0
var interval = setInterval(function() {
opacity += 0.1; // 每0.1秒透明度增加0.1
if(opacity >= 1) { // 如果透明度达到1，停止计时器
clearInterval(interval);
}
myDiv.style.opacity = opacity; // 设置DIV层的透明度
}, 100);

通过不断修改DIV层的透明度值，实现了DIV层逐渐变得不透明的效果。

另外，还可以通过CSS3的transition属性实现DIV层逐渐显示的效果：

<div id="myDiv" style="width: 400px; height: 400px; background-color: red; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; opacity: 0; transition: opacity 2s;"></div>

以上代码中，通过设置transition属性让DIV层在2秒钟的时间内逐渐显示出来，具体效果可以在浏览器中查看。

最后，总结一下实现DIV层逐渐显示的两种方法：一种是通过JavaScript控制透明度逐渐增加，另一种是通过CSS3的transition属性实现逐渐显示效果。