实现网页的动态过渡效果

若你想实现网页进入时以渐隐渐现的方式打开

可以在<head>与</head>之间加入如下语句:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">


“Duration”的值为网页动态过渡的时间,单位为秒,一般设为3~5秒即可。
“Transition”不同的值对应不同的过渡方式,共有24种方式可供选择:
0 盒状收缩
1 盒状放射
2 圆形收缩
3 圆形放射
4 由下往上
5 由上往下
6 从左至右
7 从右至左
8 垂直百叶窗
9 水平百叶窗
10 水平格状百叶窗
11垂直格状百叶窗
12 随意溶解
13从左右两端向中间展开
14从中间向左右两端展开
15从上下两端向中间展开
16从中间向上下两端展开
17 从右上角向左下角展开
18 从右下角向左上角展开
19 从左上角向右下角展开
20 从左下角向右上角展开
21 水平线状展开
22 垂直线状展开
23 随机产生一种过渡方式


想让你的网页获得不同的过渡效果吗?
只要你根据情况为“Duration”、“Transition”设定不同的值即可,它的效果很酷哦!
渐变效果很不错。。
但有一个缺点,如果设置的缓存不当,很容易导致ie死掉。
觉得解决方法,就是把时间设置小一点。


摘自:伊人论坛
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值