完成网页的静态过渡效果
日期：2013-12-10 浏览次数：20711 次
FrontPage通过“格式”菜单中的“网页过渡”选项，可以为网页的进入或退出设置不同的动态效果。但Dreamweaver中并没有这个特效选项，需另外安装插件。其实，要实现这一效果，用如下方法便可轻松获得：
打开网页源代码，若你想实现网页以垂直百叶窗的方式打开，可以在源代码的〈head〉与〈/head〉之间加入如下语句〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉。“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 随机产生一种过渡方式
如果我们加入这一语句：〈meta http-equiv="Page-Exit" content="RevealTrans (Duration=3, Transition=23)"〉 ，想想会产生有什么效果呢？
想让你的网页获得不同的过渡效果吗？只需你依据情况为“Duration”、“Transition”设定不同的值即可，它的效果很酷哦！
打开网页源代码，若你想实现网页以垂直百叶窗的方式打开，可以在源代码的〈head〉与〈/head〉之间加入如下语句〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉。“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 随机产生一种过渡方式
如果我们加入这一语句：〈meta http-equiv="Page-Exit" content="RevealTrans (Duration=3, Transition=23)"〉 ，想想会产生有什么效果呢？
想让你的网页获得不同的过渡效果吗？只需你依据情况为“Duration”、“Transition”设定不同的值即可，它的效果很酷哦！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
