这种网页渐变切换效果是怎么做的？

来源：百度知道 编辑：UC知道 时间：2024/05/10 08:42:26
像这个网站，www.zjhaihuagroup.com,点击其它网页时，是一种渐变的切换效果，这个是怎么做的？

在网页代码的<head>和</head>中间加如下代码

<META http-equiv=Page-Enter content=blendTrans(Duration=0.8)>

page-enter:进入页面出现渐变
page-exit:退出页面出现渐变
site-enter:进入网站首页出现渐变
blendTrans:渐变模糊滤镜
Duration=0.8渐变时间(单位:秒)

另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

Duration 表示滤镜特效的持续时间(单位：秒)
Transition 滤镜类型。表示使用哪种特效，取值为0-23。

0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上