注册
登录
论坛
搜索
帮助
导航
图墙
默认风格
greenwall
默认风格
violet
jeans
fashion
uchome
fervor
christmas
牢骚蓝
QQ空间论坛
»
┋网页制作┋
» 电影过场效果
返回列表
回复
发帖
发新话题
发布投票
发布悬赏
发布辩论
发布活动
发布视频
发布商品
magic
发短消息
加为好友
magic
(素材总管)
当前离线
Qzone 素材总管
UID
58591
帖子
7971
精华
7
积分
9168
威望
1166 点
阅读权限
150
来自
传说中的黄金岛
在线时间
750 小时
注册时间
2006-10-1
最后登录
2008-4-23
超级版主
UID
58591
帖子
7971
威望
1166 点
魅力
1222
◎心币◎
1136 $
推广积分
0 分
充值币
0 枚
性别
女
楼主
打印
字体大小:
t
T
发表于 2007-1-8 18:30
|
只看该作者
电影过场效果
过场
,
电影
,
效果
名称
:电影过场效果
例子:
过场效果种类
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
使用方法
:
复制下面的代码到你的 html 文件的 <head> 和 </head> 之间:
<META content=revealTrans(Transition=23,Duration=1.0) http-equiv=Page-Enter>
<META content=revealTrans(Transition=23,Duration=1.0) http-equiv=Page-Exit>
<SCRIPT language=JavaScript>
<!--
function transDemo(n) {
if (document.all && navigator.userAgent.indexOf("Mac")==-1) {
t=document.all.transmeta;
t.style.width=document.body.clientWidth;
t.style.height=document.body.offsetHeight;
t.style.top=document.body.scrollTop;
t.style.backgroundColor="#003333";
t.style.visibility="visible";
t.filters[0].transition=n;
setTimeout("transShow()"); // separated to force screen paint
} else {
alert("You can view transitions only on Windows IE 4.0 and later.");
}
}
function transShow() {
t.filters[0].Apply();
t.style.visibility="hidden";
t.filters[0].Play();
}
//-->
</SCRIPT>
修改
<META>
中的
Transition
(过场)值,当Transition后面的值不同时会出现不同的效果,各种效果如前面例子所示。通常我们会设成23(random),
Duration
是设定效果从开始到结束中间经过的秒数。另外要注意的是,如果你仅希望网页进入和离开时出现上面的效果,只需在<head> 和 </head> 之间加入最开始两行的<META>就行了,而不需加入后面的JS语句,也不需要再往下看了。
复制下面的代码到<body>和</body>中。可以修改
transDemo
后的数字和Random为你所希望的效果。
<a href="javascript:transDemo(23)">Random</a>
在完成上面一步后,复制下面的代码到<body>和</body>中。
<div id=transmeta
style="BACKGROUND-COLOR: black; FILTER: revealTrans(duration=1.000,transition=23); HEIGHT: 110%; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100%"></div>
使用说明
:你还可以再增加特效,只要多几个与上述类似的META标签就可以了,除了
Page-Exit
标签的
http-equiv
值、
Site-Enter
或
Site-Exit
以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。
收藏
分享
评分
回复
引用
订阅
TOP
爱爱
发短消息
加为好友
爱爱
(.. 大悲无声 ‖ 大爱无言)
当前离线
『泪洒天堂』
UID
4
帖子
17686
精华
8
积分
25388
威望
6247 点
阅读权限
100
来自
(‧_‧?)豬窩
在线时间
1423 小时
注册时间
2007-6-18
最后登录
2008-7-28
版主
UID
4
帖子
17686
威望
6247 点
魅力
6542
◎心币◎
8915 $
推广积分
1 分
充值币
0 枚
性别
女
沙发
发表于 2007-1-9 19:26
|
只看该作者
我就是人见人爱的回帖高手
[/color
(¯(∞)¯) 点击进入爱爱个人空间
回复
引用
TOP
返回列表
※QQ空间专区※
┋QQ空间代码┋
┋人气软件交流┋
┋QQ空间展示┋
┋QQ空间教学求助┋
┋休闲灌水区┋
┋QQ交易区┋
※休闲娱乐※
┋天籁音乐┋
┋娱乐贴图┋
┋视频 MV┋
┋文学幽默┋
┋动漫世界┋
┋民以食为天┋
┋FLASH专区┋
┋星座测试┋
┋灵异夜谭┋
※51,校内网专区※
┋51空间代码┋
┋51空间展示┋
┋51教学求助┋
┋校内网代码┋
┋校内网教学求助┋
┋校内网展示┋
※时尚非主流※
┋非主流相册┋
┋非主流衣妆┋
┋非主流发妆┋
┋非主流容妆┋
┋照片制作教学┋
┋照片代做区┋
※QQ专区※
┋地下城与勇士┋
┋穿越火线┋
┋QQ炫舞┋
┋QQ飞车┋
┋QQ表情┋
┋QQ宠物区┋
※电脑与网络※
┋制作素材┋
┋软件下载┋
┋免费资源┋
┋网页制作┋
┋FLASH教学┋
『事务处理』
QQ空间代码,非主流图片素材
免费的FLASH上传空间
非主流
qq空间皮肤
韩国sz品牌韩版热销中
QQ空间留言代码_QQ个性签名
QQ彩字,空间闪字
QQ空间克隆|QQ空间
文字位置预定QQ:79981399
在线帮你设置签名
QQ空间模块_免费代码
长沙论坛
瑞丽昕薇同款日韩潮流服饰