|
名称：电影过场效果
例子：
使用方法：
复制下面的代码到你的 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 以外。最后的两个标签只有在前一页或后一页不是在你的网站上时才有作用。
|
回到首页
