`
bicashy
  • 浏览: 157552 次
社区版块
存档分类
最新评论

翻页过渡效果

浏览器 
阅读更多
实现网页转换特殊过渡效果

当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。

打开页面的源代码，在<head>与</head>之间插入代码：

<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=23)">


http-equiv="Page-Exit"的意思是指页面离开时产生效果。
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-Exit" Content="blendTrans(Duration=0.5)">
blendTrans是动态滤镜的一种，产生渐隐效果


分享到：
| Dozer更加灵活给对象赋值,对象间拷贝
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics