20
2018
11

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/post/8145.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。