UC知道css&javascript动态滤镜重复
来源：百度知道 编辑：UC知道 时间：2024/06/24 09:19:56
<script language="javascript">
function show()
{
main.filters[0].apply();
main.style.visibility="hidden";
main.filters[0].play();
}
</script>
<style>
#main{ filter:progid:DXImageTransform.Microsoft.Barn(duration=1);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
#mian2{filter:progid:DXImageTransform.Microsoft.Barn(duration=2);
position:absolute;
top:10px;
left:10px;
z-index:1;
}
</style>
</head>
<body onload="show()">
<div id="main"><img src="1.jpg" alt="pic"/></div>
<div id="mian2"><img src="2.jpg" alt="pic"/></div>
这个只显示一次效果，我想让他不停的重复显示动态效果，怎么办啊？
function show()
{
main.filters[0].apply();
main.style.visibility="hidden";
main.filters[0].play();
}
</script>
<style>
#main{ filter:progid:DXImageTransform.Microsoft.Barn(duration=1);
position:absolute;
top:10px;
left:10px;
z-index:2;
}
#mian2{filter:progid:DXImageTransform.Microsoft.Barn(duration=2);
position:absolute;
top:10px;
left:10px;
z-index:1;
}
</style>
</head>
<body onload="show()">
<div id="main"><img src="1.jpg" alt="pic"/></div>
<div id="mian2"><img src="2.jpg" alt="pic"/></div>
这个只显示一次效果，我想让他不停的重复显示动态效果，怎么办啊？
那就设置定时器啊setTimeOut(show(),1000);
隔一秒执行一次，当然你的show()函数里 应该有条件语句来判断是hidden还是visable然后再使他隐藏或是显示。