最近,帮朋友做了一个触摸屏系统,我用网页来做的这个系统,为了给这个系统加点页面效果,我在其中使用了网页切换时常用的动态滤镜过渡效果,下面介绍一下我是怎么实现的。
在网页代码的<head>和</head>中间加如下代码即可实现:
<meta http-equiv="Page-Enter" content="Revealtrans(Duration=4,Transition=2)" />
Duration=4表示网页过渡效果的延续时间为4秒,Transition表示过渡效果方式,值为2表示圆形收缩,各种效果数字代码如下:
盒状收缩 0 盒状展开 1 圆形收缩 2 圆形展开 3 向上擦除 4 向下擦除 5 向左擦除 6 向右擦除 7 垂直百页窗 8 水平百页窗 9 横向棋盘式 10 纵向棋盘式 11 溶解 12 左右向中部收缩 13 中部向左右展开 14 上下向中部收缩 15 中部向上下展开 16 阶梯状向左下展开 17 阶梯状向左上展开 18 阶梯状向右下展开 19 阶梯状向右上展开 20 随机水平线 21 随机垂直线 22 随机 23