HTML 网页页面切换的各种变换效果

最新推荐文章于 2024-10-17 15:09:58 发布

weixin_30393907

最新推荐文章于 2024-10-17 15:09:58 发布

阅读量832

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yonge/archive/2011/12/07/2279076.html

本文详细解析了页面跳转时产生的变换效果及其背后的代码实现原理，通过具体实例展示了不同变换效果的代码配置，并提供了相关代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点评：好的情况下当页面跳转时，会产生一些变换效果，比较漂亮，其实就是利用了下面的代码。

<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=n)">

其中,n表示的就是下面的数，n取不同的值，对应有不同的效果：

0、Box in
1、Box out
2、Circle in
3、Circle out
4、Wipe up
5、Wipe down
6、Wipe right
7、Wipe left
8、Vertical blinds
9、Horizontal blinds
10、Checkerboard across
11、Checkerboard down
12、Random dissolve
13、Split vertical in
14、Split vertical out
15、Split horizontal in
16、Split horizontal out
17、Strips left down
18、Strips left up
29、Strips right down
20、Strips right up
21、Random bars horizontal
22、Random bars vertical
23、Random

Blend in（渐显）

代码：
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />