码迷,mamicode.com
首页 > Web开发 > 详细

meta 跳转

时间:2018-06-21 13:52:23      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:style   上下   进入   变换   nbsp   网页   enter   blend   1.0   

强无敌。

 

是否厌倦了页面枯燥的跳转?

试试这样的跳转吧。

 

 

Duration:表示滤镜特效的持续时间(单位:秒)

Transition:滤镜类型。表示使用哪种特效,取值为0-23。

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">

<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

 

 

网页变换效果(Trans)共分四大类:"进入网页"(Page-Enter)、"离开网页"(Page-Exit)、"进入站点"(Site-Enter)、"离开站点"(Site-Exit)。每一大类又分为25个小类,先用进入网页效果来举例说明: 
进入网页时的效果  
1.混合效果 代码如下: <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"> 
2.盒状收缩效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"> 
3.盒状放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)"> 
4.圆形收缩效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)"> 
5.圆形放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 
6.向上擦除效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> 
7.向下擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> 
8.向右擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"> 
9.向左擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)"> 
10.垂直遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)"> 
11.水平遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)"> 
12.横向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)"> 
13.纵向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)"> 
14.随即分解效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)"> 
15.左右向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)"> 
16.中央向左右扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)"> 
17.上下向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)"> 
18.中央向上下扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)"> 
19.从左下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)"> 
20.从左上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)"> 
21.从右下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)"> 
22.从右上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)"> 
23.随机水平线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"> 
24.随机垂直线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"> 
25.随机效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"> 

meta 跳转

标签:style   上下   进入   变换   nbsp   网页   enter   blend   1.0   

原文地址:https://www.cnblogs.com/empist/p/9208219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!