两个层的动画切换代码_层和布局特效

两个DIV层的相互切换代码，带有过滤特效，每一次刷新网页都有不一样的切换方式，你可以试着把里面放些文字或是图片，这样这个效果肯定很牛！

<html>
<head>
<title>两个层的动画切换</title>
</head>
<body>
<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)">点击这里查看切换效果</p> 
<div id="layer1" style="position:absolute; width:200px; height:115px; background-color: #0066cc; layer-background-color: #33FFFF; border: 1px none #999; 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 #666; left: 50; top: 50; visibility: hidden">这是第二个层</div>
</body>
</html>

所属频道：层和布局特效/更新时间：2012-12-24

[收藏][报错][返回列表]

两个层的动画切换代码_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些