用Dreamweaver制作网页中常用的过渡效果

站长资源 2024/5/2 佚名

2 0 1

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

　　制作步骤：

　　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

网页,过渡

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“用Dreamweaver制作网页中常用的过渡效果”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年05月02日

用Dreamweaver制作网页中常用的过渡效果

Dreamweaver CS5新增启用/禁用样式表功能

在Dreamweaver中插入有颜色的直线(水平线)

评论“用Dreamweaver制作网页中常用的过渡效果”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接