Ie浏览器利用revealTrans实现网页过渡特效

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

代码：

代码解析：

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 矩形缩小

1 矩形扩大

2 圆形缩小

3 圆形扩大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 竖百叶窗

9 横百叶窗

10 错位横百叶窗

11 错位竖百叶窗

12 点扩散

13 左右到中间刷新

14 中间到左右刷新

15 中间到上下

16 上下到中间

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 横条

22 竖条

23 以上22种随机选择一种

页面载入淡入淡出特效

注：代码只对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图集是一种尝试性的可响应图集画册，提供一个可调节的网格布局和全屏幻灯片视图。