层的切换-JS特效-爱易网页

层的切换

日期：2014-05-18　浏览次数：20214 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<html>
<head>
<title>层的切换－爱易网WEB开发www.aiyiweb.com</title>

</head>
<body bgcolor="#FFFFFF">
<STYLE type=TEXT/CSS>
#layer1 { FILTER: revealTrans(Duration=1.0,Transition=23) visibility:hide}
#layer2 { FILTER: revealTrans(Duration=1.0,Transition=23) visibility:hide}
</STYLE>
<script>
function set_menu(x)
{
if (x.style.visibility=="hidden")
	{
	x.filters.revealTrans.apply();
	x.style.visibility="visible";
	x.filters.revealTrans.play();
	}
else{
	x.filters.revealTrans.apply();
	x.style.visibility="hidden" ;
	x.filters.revealTrans.play();
	}
}
</script>
<p OnClick="set_menu(layer1);set_menu(layer2)">点击
 
<div id="layer1" style="position:absolute; width:200px; height:115px; background-color: #336699; layer-background-color: #33FFFF; border: 1px none #000000; left: 50; top: 50; visibility: visible"></div>
<div id="layer2" style="position:absolute; width:200px; height:115px; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000; left: 50; top: 50; visibility: hidden"></div>
</body>
</html>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]