层切换效果

最新推荐文章于 2019-05-17 15:58:00 发布

shuang1226

最新推荐文章于 2019-05-17 15:58:00 发布

阅读量94

点赞数

文章标签： XHTML HTML

本文链接：https://blog.csdn.net/shuang1226/article/details/83705917

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>收藏</title>
</head>
<body οnlοad="dotransition()">

<script LANGUAGE="JavaScript1.1">
var i_messages = 0
var timer
var tc=1;
var i;

function randomposition(range) {
return Math.floor(range*Math.random())
}

function dotransition() {
if (document.all) {
tc++;
if (tc>3) tc=1;
i_messages=Math.floor(22*Math.random())
content.filters[i_messages].apply()
for (i=1;i<=3;i++) document.getElementById("div_"+i).style.display="none";
document.getElementById("div_"+tc).style.display="";
content.filters[i_messages].play()
}
timer = setTimeout("dotransition()",10000)
}

</script>
<DIV id=content style="position: absolute; top:100px; left:10px; width:560px; height:200px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2) revealTrans(Transition=4, Duration=2) revealTrans(Transition=5, Duration=1) revealTrans(Transition=6, Duration=3) revealTrans(Transition=7, Duration=2) revealTrans(Transition=8, Duration=1) revealTrans(Transition=9, Duration=3) revealTrans(Transition=10, Duration=1) revealTrans(Transition=11, Duration=2) revealTrans(Transition=12, Duration=3) revealTrans(Transition=13, Duration=1) revealTrans(Transition=14, Duration=2) revealTrans(Transition=15, Duration=3) revealTrans(Transition=16 Duration=1) revealTrans(Transition=17, Duration=2) revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)">
<div id="div_1" style="border:2px solid #FF0000; background-color:#0099FF; width:200px; height:200px;">
one
</div>
<div id="div_2" style="border:2px solid #00FF00; background-color:#00FF99; width:200px; height:200px; display:none;">
two
</div>
<div id="div_3" style="border:2px solid #0000FF; background-color:#FF0099; width:200px; height:200px; display:none;">
three
</div>
</DIV>

</body>
</html>