网页的过渡效果制作详解

yangxiaonuo

在你浏览网页的时候，有没有看到这么一种效果：从一个链结点击到另外一个网页，它会有许多种不同的变换效果，有的呈圆形收缩，有的逐渐消失。其实要实现这个效果很简单，下面就跟着我来做吧。

　　首先打开FrontPage2000，先定义一个站点，选择“新建”→“站点”。弹出窗口如图1所示。在硬盘里新建一个文件夹，该文件夹为你站点的内容。在“指定新站点的位置”处填

入你刚才所建立的文件夹名，按“确定”会进入网页编辑页面。

　　先将当前网页另存为index.htm，在网页中编辑你想要编辑的图片和文字吧。编辑完了以后，就可以开始设置进入该页和离开该页的各种效果了。

　　选择“格式”→“网页过渡”，会弹出网页过渡的编辑窗口，编辑窗口分为“进入网页”、“离开网页”、“进入站点”、“离开站点”四种事件，选择这四种事件各自对应的效果，就可以做出网页间转换的绚丽效果了。

　　FrontPage2000提供了多种过渡效果的选择。在index.htm四个事件的效果都选择好了以后，我们来看一看源文件，可以发现源文件处多了四行代码。如下所示：

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

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

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

　　<meta http-equiv="Site-Exit" content="revealTrans(Duration=1.0,Transition=6)">

　　“meta”是每个网页的一个标签，“http-equiv=”表示不同的事件名，“Page-Enter”表示进入网页，“Page-Exit”表示离开网页，“Site-Enter”表示进入站点，“Site-Exit”表示离开站点。而content后面表示的就是各个不同的过渡效果和周期的参数了。由于是在meta里显示的，就表示每个网页最多只能有4种过渡效果可以选择，而每个网页都可以设置4种效果，在你的站点里的每个网页都加上不同的效果，再打开你的站点看一看，是不是丰富了很多？