HTML5百叶窗和卷帘网页过渡特效效果

时间：5年前阅读：4774

如何在网页进入和离开时以特效如百叶窗，卷帘等效果显示呢？

其实很简单，只要在网页的<head></head>标签之间加一个特别的<meta/>就好了，具体如下：

<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)" />

http-equiv="Page-Enter"：此属性设置特效发生的时期，具体值有：

Page_Enter : 进入页面时期

Page-Exit : 离开页面时期

Site-Enter : 进入网站时期

Site-Exit : 离开网站时期

Duration：网页过度的时间，单位为“秒”

Transition：转换的特效，共有24种特效，由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

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知