登录 |注册显血改键最新软件最新文章软件排行文章排行装机大全百度搜索免费电影小说阅读建议批评
您的位置:汉化基地技术教程网站建设 → 文章内容

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

作者:佚名  来源:不详  发布时间:2008-11-20 12:32:45

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

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

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

效果

[] [返回上一页] [打 印]

软件按字母搜索: A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z - 数字

中文按声母搜索: A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - R - S - T - U - V - W - X - Y - Z - 符号