分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

meta 跳转

发布时间:2023-09-06 02:00责任编辑:熊小新关键词:meta

强无敌。

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

试试这样的跳转吧。

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 跳转

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved