【HTML】IE自带的几种页面动态滤镜(非JS)
这里介绍IE自带的几种页面跳转时可以使用的特效,很炫、很漂亮。只不过很可惜,这些特效仅限于IE使用,在Maxthon、Firefox上本人试过是没有效果的。
其实这也算是老内容了,也许很多朋友已经看过了。这里就简练地介绍下,繁琐的就不一一复述了,看过的朋友可以自行跳过。。。呵呵
在HTML页面<head>与</head>之间嵌入如下META标签:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
其中http-equiv代表http文件头的作用,可以直接影响HTML页面上的各种行为。http-equiv可以取值:”Site-Enter” , “Site-Exit” , “Page-Exit” , “Page-Enter”等分别表示进入页面或退出页面时的事件。blendTrans是一种动态滤镜效果,其中参数Duration是该动态效果的持续时间(单位:秒)。
此外除了blendTrans,revealTrans亦可以产生这种动态滤镜效果:
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
其中参数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 以上22种随机选择一种
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种