📄 fadein.html

📁 《JavaScript网页开发体验式学习教程》的源代码

💻 HTML

字号:

<script>

function fadeIn(oObj, tDur)
{
	if (tDur == 0)
	{
		oObj.style.visibility="visible";
	}
	else
	{
	    oObj.style.filter="revealTrans(DURATION=" + tDur + ", TRANSITION=1)";
	    if (oObj.filters.revealTrans.status != 2)
	    {
	    	oObj.style.visibility="hidden";
	        oObj.filters.revealTrans.apply();
	        oObj.style.visibility="visible";
	        oObj.filters.revealTrans.play();
	    }
}
}
</script>
<body id=demo2 onload="fadeIn(demo2,5)">
<SCRIPT>
function go() {
    oSpan.filters[0].Apply();

if (oSpan.style.visibility == "visible") {
        oSpan.style.visibility = "hidden";
	oSpan.filters.revealTrans.transition=2;
    }
    else {
        oSpan.style.visibility = "visible";
	oSpan.filters[0].transition=2;
    }
    oSpan.filters[0].Play();
}
</SCRIPT>
<INPUT TYPE="BUTTON" VALUE="Play Transistion" onclick="go();" />
<SPAN ID=oSpan STYLE="position:absolute; Visibility:visible;
        Filter:revealTrans(duration=2, transition=3);
        width:300; height:300; background-color: lightgreen;">
    <CENTER style="background-color=red; height=100; width:100;
            position:relative; top:100">
    </CENTER>
</SPAN>

<div id="demo1" STYLE="position:absolute;width:300; height:300;">
IT资讯交流网（www.it315.org）<br>
IT资讯交流网（www.it315.org
</div>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -