分享
 
 
 

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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

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

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

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

效果

Content

Transitionv

盒状收缩

RevealTrans

0

盒状展开

RevealTrans

1

圆形收缩

RevealTrans

2

圆形展开

RevealTrans

3

向上擦除

RevealTrans

4

向下擦除

RevealTrans

5

向左擦除

RevealTrans

6

向右擦除

RevealTrans

7

垂直百页窗

RevealTrans

8

水平百页窗

RevealTrans

9

横向棋盘式

RevealTrans

10

纵向棋盘式

RevealTrans

11

溶解

RevealTrans

12

左右向中部收缩

RevealTrans

13

中部向左右展开

RevealTrans

14

上下向中部收缩

RevealTrans

15

中部向上下展开

RevealTrans

16

阶梯状向左下展开

RevealTrans

17

阶梯状向左上展开

RevealTrans

18

阶梯状向右下展开

RevealTrans

19

阶梯状向右上展开

RevealTrans

20

随机水平线

RevealTrans

21

随机垂直线

RevealTrans

22

随机

RevealTrans

23

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有