手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

使用Dreamweaver轻松实现网页过渡效果

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  网页中经常会有一些像动画那样的刷新效果,如卷动、百页窗等。这样的网页看起来会更有动感,不过也要注意适可而止,否则太花哨的变化也容易引起浏览者的反感。  

  效果说明:建立两个页面,并在两个页面之间建立超链接,当单击超链接时,即可以动画的形式进入到另一个页面,我们可以看到网页之间的动态过渡效果。

  创作思想:打开 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 值改为相应的效果代号即可,具体效果和设置如下表所示:

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

效果  Content  Transitionv
盒状收缩 RevealTrans 0 
盒状展开  RevealTrans 1
圆形收缩  RevealTrans 2 
圆形展开 RevealTrans 3
向上擦除 RevealTrans 4
向下擦除 RevealTrans 5
向左擦除 RevealTrans 6
向右擦除 RevealTrans 7
垂直百页窗 RevealTrans 8
水平百页窗 RevealTrans 9
横向棋盘式 RevealTrans 10
Google