UC知道如何实现网页切换之间的淡入淡出效果？
来源：百度知道 编辑：UC知道 时间：2024/05/09 17:03:34
具体点就是类似这个网站：www.live800.com这个网站。
在关闭和打开这个网站的时候，它的整个页面都是淡入淡出的效果。
感觉很朦胧，不错的。
我想知道这个是怎么弄的，希望有经验的大虾给我讲一下。
讲清楚具体原理，最好还能有代码！！！
用CSS可以实现
你只要改变RevealTrans滤镜的“Transition"的值，就能获得不同的网页切换效果，是不是太方便了点？但很遗憾，要把RevealTrans滤镜用于网页中的某个对象就没有这么简单了，它必须借助于Javascript来调用其方法，才能实现，这就是说要动手编程序了。但也不是太难，下面我将通过一个制作动态字幕变换的例子来说明其使用方法。
渐淡字幕变换效果
这个例子演示了利用Javascript程序控制Revealtrans滤镜来实现字幕逐渐淡出和渐进的效果，请看下面的效果图：
< !--
.mytrans { filter:revealTrans(Transition=12,Duration=2)}
-- >
< /style >
2、插入一个层，我们把层的“Layer ID”改为“div1”（可直接在层的属性面板上加入即可），并设置好层的背景和调整好层的大小，并把Revealtrans滤镜加载到到层上，这时你看到的层的标记代码是这样的：< div id="div1" style="position:absolute; width:680px; height:30px; z-index:37; background: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000" class="mytrans" >< /div >
3、在网页源代码的< head >与< /head >之间插入下面这段Javascript程序：
< script language="JavaScript" >
< !--
function HelpArray(len)
{
this.length=len;
}
// 建立一个数组，存放转换的内容。
HelpText=new HelpArray(5)