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

时间:5年前   阅读:4886

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

其实很简单,只要在网页的<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,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:phpwind修改默认后台地址的方法

下一篇:50ETF期权买方和卖方哪个更赚钱?

网友评论

请先 登录 再评论,若不是会员请先 注册