当前位置 > 网站建设学院 > 网页制作 > Dreamweaver教程

Dreamweaver8制作网页常用的过度效果

发表日期：2007-10-13

　　网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。

　　注：通过模板所建网页无法添加网页过渡效果！

　　制作步骤：

　　1、打开一个页面，这一步非常关键。为什么要打开一个页面，而不是在编辑过程中进行设置呢？这是因为网页过渡的代码必须在代码窗口的一些特定区域显示才能起作用。而刚打开的窗口，光标在代码窗口的最上一行的最前边，是合适的位置之一，对于不熟悉代码者来说，这样简单、易操作。但有些网页刚打开时光标也不在代码窗口的最上一行的最前边，那要通过边框的滚动条找到代码的第一行，然后在最前边点击鼠标，把光标定位在代码窗口的最上一行的最前边。

　　 2、单击菜单栏中的插入－HTML－文件头标签－Meta，会弹出Meta对话框。

　　 3、在对话框中的属性选项的下拉列表中选HTTP-equivalent选项，在值一格中键入Page-Enter，表示进入网页时有网页过渡效果。在内容一格中键入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示网页过渡效果的延续时间为4秒，Transition表示过渡效果方式，值为2时表示圆形收缩，各种效果数字代码如下。

　　4、输入完后单击确定，保存。这样当我们进入这个页面时就可以看到效果了。刚才你看到效果了吧！要不然你再回到主页，再到这一页看一下。

　　5、另外还有二十多种效果供你选择，只要将Transition的值改为相应的效果的代号即可，具体效果和设置如下表所示：

　　　效果　　　Transition　　　　　　效果　　　　　　Transition

　　盒状收缩　　　　　 0 　　　　　　　溶解　　　　　　　　12
　　盒状展开　　　　　 1 　　　　　　　左右向中部收缩　　　 13
　　圆形收缩　　　　　 2 　　　　　　　中部向左右展开　　　14
　　圆形展开　　　　　3 　　　　　　　上下向中部收缩　　　15
　　向上擦除　　　　　4　　　　　　　中部向上下展开　　　 16
　　向下擦除　　　　　5 　　　　　　　阶梯状向左下展开　　17
　　向左擦除　　　　　6　　　　　　　阶梯状向左上展开　　18
　　向右擦除　　　　　7 　　　　　　　阶梯状向右下展开　　 19
　　垂直百叶窗　　　　8 　　　　　　　阶梯状向右上展开　　 20
　　水平百叶窗　　　　 9　　　　　　　随机水平线　　　　　 21
　　横向棋盘式　　　　 10 　　　　　　随机垂直线　　　　　22
　　纵向棋盘式　　　　 11 　　　　　　随机　　　　　　　　23

关注此文的读者还看过：
·2012-2-8 12:46:31 Dreamweaver CS4 Prerelease界面抢先看
·2012-2-8 12:40:38 Dreamweaver经典插件下载
·2012-2-8 12:37:55 Dreamweaver CS4 Beta版初步试用感受
·2012-2-8 12:36:00 Dreamweaver MX/8中关于消除超级链接下划线的问题
·2012-2-8 12:17:08 Dreamweaver常用代码
·2012-2-8 12:17:08 解决在Dreamweaver中不支持中文文件名的方法
·2012-2-8 12:13:00 Ultradev实例教程:3.2 创建数据库连接
·2012-2-8 12:07:29 DreamwaverMX与ASP.NET(二)
·2012-2-8 12:03:08 用Dreamweaver MX建立一个简单的图书查询系统

站长推荐 PS笔刷下载在线翻译系统进程广告代码

发表评论
姓　名:	验证码:
内　容:

教程搜索服务

项目外包信息

·找长期合作的网页设计师（切图+
·SNS 网站开发
·云南大蓄文化传播有限公司网站设
·药品代购网站
·FLASH网站汉化
·求高手帮我设计一个减肥产品网站
·flash首页制作（已有设计图）
·寻求长期外包人员
·网页页面修改
·北京地区 flash动画合作
·佛山网站建设+263企业邮箱找我。
·ecshop+Discuz! X2+ Home会员整
·寻找网站建设团队或者个人合伙
·LOGO设计外包
·企业网后台程序外包

发布信息

浏览信息

邮件订阅服务

输入你的邮件地址，你将不会错过任何关于<Dreamweaver教程>的内容

网页制作文章分类

Dreamweaver教程
FrontPage教程
Javascript教程
CSS教程
DHTML教程
HTML教程
网页特效
心得技巧
Discuz!专栏