滚动新闻:
  网站首页     新闻资讯     网络安全     网页制作     办公软件     网站运营     平面设计     网络编程  
今天是,欢迎访问Ok3w新闻发布系统! 请您留言 | 免费下载 | 设为首页 | 加入收藏
您当前位置:网站首页 >> 网页制作 >> Dreamweaver教程 >> 阅读文章
站内查找:

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


来源:Ok3w新闻发布系统 发布时间:2009-04-28 16:58:31 查看次数:

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

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

  制作步骤:

  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

·上一条:Dreamweaver制作网页13种技巧详解
·下一条:Dreamweaver 一打开就关闭的解决法
相关文章
·Dreamwaver设计div层的对齐方式 2009-04-28 17:41:25
·Dreamweaver常用技巧 2009-04-28 17:25:21
·Dreamweaver十二个小秘诀 2009-04-28 17:15:07
·Dreamweaver制作滚动字幕 2009-04-28 17:14:11
·网页制作之用Dreamweaver优化网页 2009-04-28 17:13:38
·网页制作之用Dreamweaver优化网页 2009-04-28 17:12:56
·Dreamweaver制作网页13种技巧详解 2009-04-28 17:05:21
·用Dreamweaver制作网页中常用的过渡效果 2009-04-28 16:58:31
文章评论
现在有0人对本文发表评论 查看所有评论
赞助商链接
  最新更新
·设计表单的标签和输入区
·Dreamweaver中鲜为人知的小秘诀
·用Dreamweaver进行网页优化
·Dreamweaver表格边框制作详解
·通过Dreamweaver学习了解CSS
·在DW中编写CSS应该学会的技巧
·玩转Dreamweaver速记CSS属性
·Dreamweaver技巧20则
·Dreamweaver七招实用技巧
·Dreamweaver Css背景属性
·Dreamweaver如何创建代码片段
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver十二个小秘诀
·Dreamweaver制作滚动字幕
  阅读排行
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver制作滚动字幕
·设计表单的标签和输入区
·Dreamweaver十二个小秘诀
·Dreamweaver 一打开就关闭的解决法
·用Dreamweaver制作网页中常用的过渡效果
·网页制作之用Dreamweaver优化网页
·网页制作之用Dreamweaver优化网页
·Dreamweaver制作网页13种技巧详解
·Dreamweaver技巧20则
·用Dreamweaver进行网页优化
·Dreamweaver中鲜为人知的小秘诀
·Dreamweaver表格边框制作详解
·通过Dreamweaver学习了解CSS
关于我们 | 使用说明 | 联系方式 | 免责声明 | 免费下载 | 有事请留言 | 滇ICP备08101427号
联系邮箱:zhengbi888@yahoo.com.cn 在线QQ:124895502
Copyright 2009, 版权所有 www.glzy8.com.