您的位置：首页 > 其它

页面过渡效果牛X级

2015-06-15 17:26 211 查看
在需要淡入淡出的页面的<head></head>之间加入如下两行代码

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)">

<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)">

即能实现页面间跳转时淡入淡出效果。

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩

1 盒状放射　

2 圆形收缩　

3 圆形放射　

4 由下往上

5 由上往下　

6 从左至右　

7 从右至左　

8 垂直百叶窗　

9 水平百叶窗

10 水平格状百叶窗　

11垂直格状百叶窗　

12 随意溶解　

13从左右两端向中间展开

14 从中间向左右两端展开　

15 从上下两端向中间展开

16 从中间向上下两端展开　

17 从右上角向左下角展开

18 从右下角向左上角展开　

19 从左上角向右下角展开

20 从左下角向右上角展开　

21 水平线状展开

22 垂直线状展开　

23 随机产生一种过渡方式







页面跳转效果

代码:

<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=6.0, transition=23)">

<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=6.0, transition=23)">

加在head和/head之间就可以了

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0 盒状收缩　1 盒状放射　2 圆形收缩　3 圆形放射　4 由下往上

5 由上往下　6 从左至右　7 从右至左　8 垂直百叶窗　9 水平百叶窗

10 水平格状百叶窗　11垂直格状百叶窗　12 随意溶解　13从左右两端向中间展开

14 从中间向左右两端展开　15 从上下两端向中间展开

16 从中间向上下两端展开　17 从右上角向左下角展开

18 从右下角向左上角展开　19 从左上角向右下角展开

20 从左下角向右上角展开　21 水平线状展开

22 垂直线状展开　23 随机产生一种过渡方式
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航