ASP.NET制作自动跳转页面

本文介绍如何使用HTML的<meta>标签实现页面自动跳转及设置不同过渡效果。通过设定<meta>标签的http-equiv属性,可以轻松配置页面跳转时间和过渡方式,如盒状收缩、圆形放射等多种视觉效果。

提供的是HTML方法, 把下面的代码复制到<head>标签后面就可以了:
<meta http-equiv="refresh" content="3;URL=登录页面" />
在<head>与</head>之间添加语句
<meta http-equiv="refresh" content="自动跳转的时间设定(秒);url=页面地址">
过度效果可以在离开页面和进入页面两种情况下发生:
http-equiv="page-enter"和http-equiv="page-exit"
<meta http-equiv="page-exit" content="revealtrans(duration=1,transition=3)">
duration过度时间,transition过度效果,有23种过度效果(0-23)23为随机
网页过渡特效
<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)"> 混合
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=0)"> 盒状收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=1)"> 盒状展开
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=2)"> 圆形收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=3)"> 圆形放射
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=4)"> 向上擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=5)"> 向下擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=6)"> 向右擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=7)"> 向左擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=8)"> 垂直遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=9)"> 水平遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=10)"> 横向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=11)"> 纵向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"> 随机溶解
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=13)"> 左右向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=14)"> 中央向左右扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=15)"> 上下向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=16)"> 中央向上下扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=17)"> 从左下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=18)"> 从左上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=19)"> 从右下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=20)"> 从右上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=21)"> 随机水平线条

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值