实现网页过渡效果
作者:somarange 日期:2008-08-13
网页间切换时的过渡效果
在你浏览网页的时候,有没有看到这么一种效果:从一个链结点击到另外一个网页,它会有逐渐消失,新页面内容会逐渐显现。其实要实现这些效果很简单,只要在<head></head>之间插入以下代码:
<!--网页渐显效果开始-->
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1,Transition=23)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=23)">
<!--网页渐显效果结束-->
=====以下是说明=====
Duration: 网页动态过渡时间 , 单位为秒
Transition: 过渡方式 , 值为 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 随机产生一种过渡方式
在你浏览网页的时候,有没有看到这么一种效果:从一个链结点击到另外一个网页,它会有逐渐消失,新页面内容会逐渐显现。其实要实现这些效果很简单,只要在<head></head>之间插入以下代码:
<!--网页渐显效果开始-->
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1,Transition=23)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=23)">
<!--网页渐显效果结束-->
=====以下是说明=====
Duration: 网页动态过渡时间 , 单位为秒
Transition: 过渡方式 , 值为 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 随机产生一种过渡方式
评论: 0 | 引用: 0 | 查看次数: -
发表评论