请问如何实现网页层的淡进淡出效果

[kyssi]

如果要让一个层在打开网页的时候显示淡进的效果应该怎么做？

如果要延迟一段时间才出现，又应该怎么改？

欢迎大侠们不吝赐教！！

谢谢啊！

[allen0228]

js控制 只有ie有效 firefox无效
滤镜方面的资料看下 就知道了

[kyssi]

谢谢 suiye 的回答

我知道了可以用filter:blendTrans来控制淡进了

但时间延迟方面要怎么弄呢？例如延迟5秒才淡进应该怎么办？

[kyssi]

补充一下，我这段代码是这样的：

<div id="Layer1" style="filter:blendTrans(duration=1)">
<script>
Layer1.style.visibility="hidden";
Layer1.filters[0].apply();
Layer1.style.visibility="visible";
Layer1.filters[0].play();
</script>
aaaaaaa
</div>

如何修改能达到延时淡进的效果

[kyssi]

问题已经解决了，只要将代码改成如下就可以实现延时淡进了，希望对后来的人会有帮助吧

<div id="Layer1" style="position:absolute;width:200px;height:115px;z-index:1;visibility: hidden;filter:blendTran(duration=2)">
<script>
function fadein(x){
x.style.visibility="hidden";
x.filters[0].apply();
x.style.visibility="visible";
x.filters[0].play();
}
setTimeout('fadein(Layer1)',4000); //延迟时间为4000ms
</script>
aaaaaaa
</div>

PS：首先要在层样式将可视设为隐藏hidden

[yun332119]

我也正需要这个啊~虽然和楼主的不太一样，不过应该还是有参考价值d~