本页面由 Flash 保存计划 从 Internet Archive 存档还原 · 快照 2006-07-08 · 原址 http://www.flash8.net/teach/3932.htm ← Flash 保存计划

怎样在网页中做电影中的过渡效果

作者:闪吧   类型:原创   来源:闪吧

  

怎样在网页中做电影中的过渡效果
解决思路
有些网页在进入或退出时都有不同的效果,跟电影或MTV里的转场效果差不多,其实这个主要是通过设置 meta 的属性来实现。
具体步骤
    方法一:直接插入代码。
    把下面的代码插入到页面的 head 部分:

<meta http-equiv="Page-Enter" contect="blendTrans(duration=10)">
<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transition= 23)">

    方法二:在Frontpage 中插入。
在Frontpage 2003中插入过渡效果很方便,选择【格式】>>【网页过渡】,弹出【网页过渡】对话框,如图 1.1.4 所示。


图1.1.4 Frontpage中的【网页过渡】对话框
方法三:在 Dreamweaver 中插入。
Dreamweaver 中是没有这个功能的,所以只能借助插件(插件附带在光盘中)。
插件安装完成后可以在菜单中找到(图 1.1.5 ),也可以在工具组里找到(图 1.1.6 ),对话框界面如图 1.1.7 所示。

图 1.1.5 插件在菜单中的位置

图 1.1.6 插件在工具组里的位置

图 1.1.7 Dreamweaver中的【网页过渡】对话框
特别提示
预览页面,在进入页面时会看到相应的效果。图 1.1.8 为页面进入时的随机溶解效果。

图 1.1.8 随机溶解效果

特别说明


本例还是 meta 对象的属性应用。例中用的的属性参数说明如下

参数说明:
Page-Enter:页面进入时的效果,可选值还有 Page-Exit、Site-Enter、 Site-Exit
blendTrans:混合转场效果,跟revealTrans差不多
duration:转场效果从开始到结束的时间值
transition:有23种可选值,当值为23时是在23种效果里随机选一

表 1.1.1 Transition 参数列表
原文译文对应数字
Box in盒状收缩0
Box out盒状展开1
Circle in圆形收缩2
Circle out圆形放射3
Wipe up向上擦除4
Wipe down向下擦除5
Wipe right向右擦除6
Wipe left向左擦除7
Vertical blinds垂直遮蔽8
Horizontal blinds水平遮蔽9
Checkerboard across横向棋盘式10
Checkerboard down纵向棋盘式11
Random dissolve随机溶解12
Split vertical in左右向中央缩进13
Split vertical out中央向上下扩展14
Split horizontal in上下向中央缩进15
Split horizontal out中央向上下扩展16
Strips left down 从左下抽出17
Strips left up从左上抽出18
Strips right down从右下抽出19
Strips right up从右上抽出20
Random bars horizontal随机水平线条21
Random bars vertical 
随机垂直线条22
Random 
随机23

   责任编辑:kissall    时间:2005年8月29日

正在加载评论...