进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网页制作 -> Dreamweaver -> 文章内容  
用DW8制作网页中常用的过度效果

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

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

   制作步骤:

  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

在百度中搜索:用DW8制作网页中常用的过度效果
在Google中搜索:用DW8制作网页中常用的过度效果
在Yahoo中搜索:用DW8制作网页中常用的过度效果

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]

 相关文章    最新文章
· 写给喜欢用DW编写CSS人的一些建议
· 用DW预定义框架集为网页添加框架
· 小技巧:如何用Delphi创建快捷方式
· 利用Dreamweaver批量做web网页
· [组图] 巧用Dreamweaver轻松制作网页页内连..
· javascript通过调用doPostBack回传页面
· [图文] 利用Dreamweaver的插件制作动态下拉..
· [图文] 利用Dreamweaver的插件制作动态下拉..
· [组图] 用Dreamweaver实现全景图浏览效果
· [图文] 使用Dreamweaver轻松实现交替图像按..
 
· 写给喜欢用DW编写CSS人的一些建议
· Dreamweaver编写CSS需要掌握的技巧
· [组图] Dreamweaver技巧:教你制作和套用模..
· [组图] Dreamweaver表格妙用-线框制作详解..
· Dreamweaver常用技巧方法十六则
· [图文] Dreamweaver8制作网页常用的过度效..
· Dreamweaver不支持中文文件名的解决方法
· [组图] Dreamweaver技巧:制作和套用模板
· Dreamweaver若干技巧须知道
· [组图] Dreamweaver制作和套用模板的技巧

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:good_sgy@tom.com  
MSN:goodsgy@hotmail.com