效果说明:建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,我们可以看到网页之间的动态过渡效果。
创作思想:打开 Dreamweaver MX 2004 软件,新建两个页面,然后分别为其建立对应的超链接并插入图片,执行【插入】=>【 HTML 】=>【文件头标签】=>【 Meta 】命令,在打开的【 META 】对话框中输入参数,最后保存文件完成制作。
操作步骤
( 1 )打开 Dreamweaver MX 2004 软件新建两个基本的 HTML 文件。为了在插入图片时不提示相对路径,可以先保存页面为“ test1.htm ”和“ test2.htm ”。
( 2 )添加超链接并插入图片。在页面中添加“网页过渡”字样,并设置超链接链接到“ test2.htm ”页面,然后插入图片使网页过渡特效更加清晰。
( 3 )然后对“ test2.htm ”文件执行相同的操作,不过文字的超链接网址为“ test1.htm ”。
( 4 )在 test1.htm 文件中插入代码。下面将实现网页过渡特效并在页面中插入 META 代码,如图 1、2 所示。


提示:图 2 中添加的 Revealtrans(Duration=4,Transition=2),Duration=4 代码是网页过渡特效的参数。
( 5 )对照上面的操作步骤,对“ test2.htm ”文件执行相同的操作,但输入的内容为“ Revealtrans(Duration=4, Transition=7),Duration= 4 ” 。
( 6 )保存文件,完成特效制作。
实现网页过渡特效,可以增加网页的动态,但它也有弊端,会减慢浏览速度,所以应适当使用。
提示:特效有 24 种可供选择,只要将 Transition 值改为相应的效果代号即可,具体效果和设置如下表所示:
|
效果 |
Content |
Transitionv |
|
盒状收缩 |
RevealTrans |
0 |
|
盒状展开 |
RevealTrans |
1 |
|
圆形收缩 |
RevealTrans |
2 |
|
圆形展开 |
RevealTrans |
3 |
|
向上擦除 |
RevealTrans |
4 |
|
向下擦除 |
RevealTrans |
5 |
|
向左擦除 |
RevealTrans |
6 |
|
向右擦除 |
RevealTrans |
7 |
|
垂直百页窗 |
RevealTrans |
8 |
|
水平百页窗 |
RevealTrans |
9 |
|
横向棋盘式 |
RevealTrans |
10 |
|
纵向棋盘式 |
RevealTrans |
11 |
|
溶解 |
RevealTrans |
12 |
|
左右向中部收缩 |
RevealTrans |
13 |
|
中部向左右展开 |
RevealTrans |
14 |
|
上下向中部收缩 |
RevealTrans |
15 |
|
中部向上下展开 |
RevealTrans |
16 |
|
阶梯状向左下展开 |
RevealTrans |
17 |
|
阶梯状向左上展开 |
RevealTrans |
18 |
|
阶梯状向右下展开 |
RevealTrans |
19 |
|
阶梯状向右上展开 |
RevealTrans |
20 |
|
随机水平线 |
RevealTrans |
21 |
|
随机垂直线 |
RevealTrans |
22 |
|
随机 |
RevealTrans |
23 |