实现网页过渡效果

网页间切换时的过渡效果

在你浏览网页的时候,有没有看到这么一种效果:从一个链结点击到另外一个网页,它会有逐渐消失,新页面内容会逐渐显现。其实要实现这些效果很简单,只要在<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 随机产生一种过渡方式




文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags: Web编程
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.