24种页面切换效果详解

最新推荐文章于 2021-12-03 08:49:07 发布

fxz_2010

最新推荐文章于 2021-12-03 08:49:07 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： IE

本文链接：https://blog.csdn.net/fxz_2010/article/details/83489663

版权

javascript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

24种页面切换效果详解
使用格式：
<meta http-equiv="Page-Enter" content="RevealTrans(duration=5,Transitionv=11)">
duration=时间
Transitionv=方式
Page-Enter

说明：duration为页面切换的时间长度，3.000表示3秒钟，一般可以直接输入3便可；transition为切换效果，从1-23共22种不同的切换效果，其中23为随机效果。


效果 　Content 　Transitionv 
盒状收缩 RevealTrans 0　 
盒状展开　 RevealTrans 1 
圆形收缩　 RevealTrans 2　 
圆形展开 RevealTrans 3 
向上擦除 RevealTrans 4 
向下擦除 RevealTrans 5 
向左擦除 RevealTrans 6 
向右擦除 RevealTrans 7 
垂直百页窗 RevealTrans 8 
水平百页窗 RevealTrans 9 
横向棋盘式 RevealTrans 10 
纵向棋盘式 RevealTrans 11 
溶解 RevealTrans 12 
左右向中部收缩 RevealTrans 13 
中部向左右展开 RevealTrans 14 
上下向中部收缩 RevealTrans 15 
中部向上下展开 RevealTrans 16 
阶梯状向左下展开 RevealTrans 17 
阶梯状向左上展开 RevealTrans 18 
阶梯状向右下展开 RevealTrans 19 
阶梯状向右上展开 RevealTrans 20 
随机水平线 RevealTrans 21 
随机垂直线 RevealTrans 22 
随机 RevealTrans 23

除了上面两个参数，还有一个http-equiv： 
http-equiv="Page-Exit"的意思是指页面离开时产生效果。 
它有一种写法，如： 
http-equiv="Page-Enter"则是指页面进入时产生的效果。


页面淡入淡出效果代码为:
<meta http-equiv="Page-Enter" content="blendTrans(duration=1)"/>
<meta http-equiv="Page-Exit" content="blendTrans(duration=1)"/>

http-equiv 标签说明：

meta   本组件卷标大多用来，描述那些与内容无关，但与档案本身有关的各种信息，但只能放于<Head>....<Head>内。 
http-equiv HTTP标头(Head)的名称，表示某些信息需要传给服务器。 
="Page-Enter"   网页进入时要展示的效果；
="Page-Exit"   网页脱离时要展示的效果。
content= Meta 信息的内容。
="revealTrans   转换Link标签的反向关联。
Duration=2.0   期间。
Transition=N   要展示的效果种类，N值详上表功能。
="refresh"   转换、更新或重整。
content="15   15秒后执行。
url=../choice.htm"   所指定要转换的网页路径及文件名。 
您若不加入第三段http-equiv=="refresh"语法，也可造成手动切换效果。
本网页切换特效限IE使用

fxz_2010

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
24种页面切换效果详解

24种页面切换效果详解使用格式：&lt;meta http-equiv="Page-Enter" content="RevealTrans(duration=5,Transitionv=11)"&gt;duration=时间Transitionv=方式Page-Enter说明：duration为页面切换的时间长度，3.000表示3秒钟，一般可以直接输入3便可；trans...
复制链接

扫一扫