利用CSS的RevealTrans动态滤镜，实现的效果：网页间转换时加入特效！如：点击网页的某个链接平滑过渡而没有刷新页面的感觉！很赞吧！

代码：

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
代码解析：

http-equiv=”Page-Enter”  Page-Enter表示将打开一个新的网页链接即载入特效。

duration=x　　x表示滤镜特效的持续时间(单位：秒) 如：duration=2，为展示2秒切换特效

transition=y　y为滤镜类型。表示使用哪种特效，取值为0-23。如：transition=23，为随机特效

http-equiv属性参数：
"进入网页"（Page-Enter）
"离开网页"（Page-Exit）
"进入站点"（Site-Enter）
"离开站点"（Site-Exit）

Transition　参数如下：
0 矩形缩小

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
1 矩形扩大

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
2 圆形缩小

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
3 圆形扩大

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
4 下到上刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
5 上到下刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
6 左到右刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
7 右到左刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
8 竖百叶窗

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
9 横百叶窗

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
10 错位横百叶窗

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
11 错位竖百叶窗

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
12 点扩散

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
13 左右到中间刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
14 中间到左右刷新

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
15 中间到上下

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
16 上下到中间

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
17 右下到左上

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
18 右上到左下

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
19 左上到右下

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
20 左下到右上

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
21 横条

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
22 竖条

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">

23 以上22种随机选择一种

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
页面载入淡入淡出特效

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=10)">

注：代码只对IE浏览器有效，其他浏览器没有效果的

下面给大家推荐一些jquery实例

1、全屏布局页转换Download& Demo

一种简单响应的好看的页面转换。做法是首先显示四个项目然后加以扩展，给内置项添加进页面。

 2、页面转换Download & Demo

使用CSS动画达到网页过渡特效的展示图集。

3、Pesudo动画和过渡 Download & Demo

一些创造性的案例运用Pesudo动画和过渡制作出有趣的效果。

4、CSS剪辑叠加效果 Download& Demo1&Demo2

如何运用CSS的剪辑和过渡属性创建一个简单的叠加效果。

5、全屏翻页布局 Download& Demo

运用BookBlock创建一个全屏翻页布局。像翻转书页一样显示目录，并通过工具栏菜单访问，从左侧滑出页面。

6、可响应的图片集：Gamma图集 Download& Demo

Gamma图集是一种尝试性的可响应图集画册，提供一个可调节的网格布局和全屏幻灯片视图。