网页转换时的过渡效果

leitian · 发表于 2002-10-7 23:25:20

当我们点击网页上的链接时，浏览器页面就会转到链接指向的新的页面，我们想在页面转换时加上过渡效果。,其实cdb强大的模板功能也能轻松的实现这个功能
我们系统设置里系统工具的模板编辑
选择header 模板组
然后在<head>与</head>插入代码：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开论坛页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。
我们现在再试一个效果，将那段代码换成：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=14)">
我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应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 随机产生一种过渡方式
当Transition为23时，会随机产生0到22中的一个过渡效果。例如：
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">
除了上面两个参数，还有一个http-equiv：
http-equiv="Page-Exit"的意思是指页面离开时产生效果。
它有一种写法，如：
http-equiv="Page-Enter"则是指页面进入时产生的效果。
好了，现在大家自己测试一下效果吧。希望你的论坛越来越好
cdb也越来越好
rc2什么时候出来?

bg · 发表于 2002-10-8 00:11:27

好像蛮不错的喔...试试看棉..
顺便帮您推一下..ccc

leitian · 发表于 2002-10-8 05:37:04

呵呵

零距离 · 发表于 2002-10-8 07:43:17

IE好象容易出错，我以前在论坛用过一段时间，对速度应该也有一定影响，应会员要求我又给去掉了，这个用在网页上不错。

office97 · 发表于 2002-10-10 00:43:07

感谢楼主，论坛增色不少。

senyeah · 发表于 2002-12-8 00:42:00

用 dhtml 阿

huangxin · 发表于 2003-3-31 18:21:08

很不错，谢谢了

szboy · 发表于 2003-4-1 16:52:03

没有用............影响速度..............

阳春白雪 · 发表于 2003-4-2 08:19:33

华而不实

pizinet · 发表于 2003-4-2 13:14:28

确实很影响速度

		自动登录	找回密码
密码			立即注册