返回列表 回复 发帖

电影过场效果

名称:电影过场效果
例子:
过场效果种类
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 以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。


我就是人见人爱的回帖高手 [/color
返回列表