div层 的淡入淡出问题...求教
在别人打开我的网页,20秒后让网页从顶部淡入淡出一个div层(最好是那种从上往下移动进入的淡入效果),再过40秒后再自动关闭层,请问哪位会啊.........
在别人打开我的网页,20秒后 让网页从顶部淡入淡出一个div层(最好是那种从上往下移动进入的淡入效果),再过40秒后再自动关闭层,请问哪位会啊......
展开
展开全部
刚匆忙写了一个,有不足的地方请见谅.
html代码:
<html>
<head>
<title>渐入效果</title>
</head>
<script>
var arr = new Array("<img src='http://www.e-ai.cn/up_files/image/2007-6-5/85647398.jpg' alt='1'/>");
var flag;
var top = 0;
//播放效果实现
function show()
{
setTimeout("ad.filters[0].apply();ad.innerHTML=arr[0];ad.filters[0].play();",200);
setTimeout("clearInterval(flag);ad.style.display='none';flashDiv.style.display='block';",10000);
flag = setInterval("document.getElementById('ad').style.top=top;top++;document.getElementById('ad').style.left="+top+";",30);
}
</script>
<body onload="show()">
<div id="ad" style="position:absolute;top:10px;padding-left:280;width:100px;height:50px;filter:blendtrans(duration=6); border solid 1px red;" ></div>
<div id="flashDiv" style="display:none">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="776" height="335">
<param name="movie" value="http://xnimg.cn/swf/splatter.swf" />
<param name="quality" value="high" />
<embed src="http://xnimg.cn/swf/splatter.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="776" height="335"></embed>
</object>
<center>渐入显示完毕!</center> </div>
</body>
</html>
时间控制方面在show()函数里稍加修改就行了.
html代码:
<html>
<head>
<title>渐入效果</title>
</head>
<script>
var arr = new Array("<img src='http://www.e-ai.cn/up_files/image/2007-6-5/85647398.jpg' alt='1'/>");
var flag;
var top = 0;
//播放效果实现
function show()
{
setTimeout("ad.filters[0].apply();ad.innerHTML=arr[0];ad.filters[0].play();",200);
setTimeout("clearInterval(flag);ad.style.display='none';flashDiv.style.display='block';",10000);
flag = setInterval("document.getElementById('ad').style.top=top;top++;document.getElementById('ad').style.left="+top+";",30);
}
</script>
<body onload="show()">
<div id="ad" style="position:absolute;top:10px;padding-left:280;width:100px;height:50px;filter:blendtrans(duration=6); border solid 1px red;" ></div>
<div id="flashDiv" style="display:none">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="776" height="335">
<param name="movie" value="http://xnimg.cn/swf/splatter.swf" />
<param name="quality" value="high" />
<embed src="http://xnimg.cn/swf/splatter.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="776" height="335"></embed>
</object>
<center>渐入显示完毕!</center> </div>
</body>
</html>
时间控制方面在show()函数里稍加修改就行了.
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询