js实现的层变换效果
28 浏览量
2020-10-30
16:31:56
上传
评论
收藏 22KB PDF 举报
js实现的层变换效果实现的层变换效果
js实现的层变换效果
<meta http-
equiv="Content-Type"
content="text/html;
charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#div1{
height:200px;width:200p
x;
filter:progid:DXImageTra
nsform.Microsoft.Reveal
Trans(duration=1,transiti
on=12);
background:#CCCCCC;
}
</style>
<div id="div1">
</div>
<script
language="javascript"
type="text/javascript">
<!--
temp = 1;
function playIt(){
var div1 =
document.getElementByI
d("div1");
div1.filters[0].apply();
if(temp == 0)
{
div1.innerHTML = "
<table
style='background:#ffccc
c;'><tr><td width=200
height=200>222222222<
/td></tr></table>";
temp = 1;
}
else
{
div1.innerHTML = "
<table
style='background:#ccccf
f;'><tr><td width=200
height=200>111111111<
/td></tr></table>";
temp = 0;
}
div1.filters[0].play();
}
window.setInterval(playIt,
5000);
//-->
运行代码
复制代码
保存代码
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
评论0
最新资源