当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。
打开这个页面的原代码，在<head>与</head>插入代码：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开这个页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。
我们现在再试一个效果，将那段代码换成：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=14)">
我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。
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 随机产生一种过渡方式
当Transition为23时，会随机产生0到22中的一个过渡效果。例如：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">
除了上面两个参数，还有一个http-equiv：
http-equiv="Page-Exit"的意思是指页面离开时产生效果。
它有一种写法，如：
http-equiv="Page-Enter"则是指页面进入时产生的效果。
好了，现在大家自己测试一下效果吧。
当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。
打开这个页面的原代码，在<head>与</head>插入代码：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开这个页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。
我们现在再试一个效果，将那段代码换成：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=14)">
我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。
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 随机产生一种过渡方式
当Transition为23时，会随机产生0到22中的一个过渡效果。例如：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">
除了上面两个参数，还有一个http-equiv：
http-equiv="Page-Exit"的意思是指页面离开时产生效果。
它有一种写法，如：
http-equiv="Page-Enter"则是指页面进入时产生的效果。
好了，现在大家自己测试一下效果吧。
当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。
打开这个页面的原代码，在<head>与</head>插入代码：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开这个页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。
我们现在再试一个效果，将那段代码换成：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=14)">
我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。
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 随机产生一种过渡方式
当Transition为23时，会随机产生0到22中的一个过渡效果。例如：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">
除了上面两个参数，还有一个http-equiv：
http-equiv="Page-Exit"的意思是指页面离开时产生效果。
它有一种写法，如：
http-equiv="Page-Enter"则是指页面进入时产生的效果。
下面代码放在网页head区域，两行一行是进入网页、一行是离开时：<meta http-equiv="page-enter" content="revealtrans(duration=3,transition=23)">
<meta http-equiv="page-exit" content="revealtrans(duration=3,transition=23)">
duration=3 是设置效果时间为3秒
transition = 23 是切换效果
--------------------------------------------------
矩形从大至小 0 随机溶解12
矩形从小至大 1从上下向中间展开 13
圆形从大至小 2从中间向上下展开 14
圆形从小至大 3从两边向中间展开 15
向上推开 4从中间向两边展开 16
向下推开 5从右上向左下展开 17
向右推开 6从右下向左上展开 18
向左推开 7从左上向右下展开 19
垂直形百叶窗 8从左下向右上展开 20
水平形百叶窗 9 随机水平细纹21
水平棋盘 10 随机垂直细纹22
垂直棋盘 11随机选取一种特效 23
就是隐藏display:none
当前显示的设置为display:block
一般使用脚本实现
比如你要隐藏的元素为<div id="info1"></div>
要显示的元素为<div id="info2"></div>
假设使用jquery控制
代码为以下两句：
$("#info1").hide()
$("#info2").show()
