网页跳转时候的渐隐效果 -Page-Enter、Page-Exit特效

网页中使用Page-Enter、Page-Exit特效,这个实际是用了html 自带的标签来做的。在需要切换的两个页面中都要相对应的加入下面的标签才会有效果。

说明:这个是页面被载入和调出时的一些特效。 

用法:

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> 
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">


注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜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 右下到左上 
18 右上到左下 
19 左上到右下 
20 左下到右上 
21 横条 
22 竖条 
23 以上22种随机选择一种


最后大家可以试下改变参数就会看到不同的页面切换效果。

本文永久地址:http://www.huanghaiping.com/article/38.html
本文出自 黄海平博客 ,转载时请注明出处及相应链接。

发表我的评论
  

网友最新评论 (0)

暂无评论
返回顶部