HTML5百叶窗和卷帘网页过渡特效效果
如何在网页进入和离开时以特效如百叶窗，卷帘等效果显示呢？
其实很简单，只要在网页的<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,我们将及时处理。
微信扫码关注
更新实时通知