js实现有时间限制消失的图片方法
本文实例讲述了js实现有时间限制消失的图片方法。分享给大家供大家参考。具体实现方法如下：
<html>
<title>指定时间内消失的图片</title>
<body>
<SCRIPTlanguage=JavaScript>
<!--Hidethescriptfromoldbrowsers--
//1)做一个88*31的LOGO。
if(document.images)
varstaticlogo=newImage(758,100)
//2)设置LOGO的路径。
staticlogo.src="/images/banner.gif"
//3)以下是LOGO代表的连接。
varlogolink="http://wwwww.nhooo.com/"
//4)设置ALT属性。
varalttext="代码家园"
//5)设置下列属性为1或者0(1是IE特有的，使LOGO隐现）
varfadeintoview=1
/*6)最后设置LOGO显示的时间，例如12秒，数值为0表示一直显示
*/
varvisibleduration=5
functionregenerate(){
window.location.reload()
}
functionregenerate2(){
if(document.layers)
setTimeout("window.onresize=regenerate",400)
}
varfadeset=''
if(fadeintoview)
fadeset="filter:alpha(opacity=0)"
if(document.all)
document.write('<spanid="logo""style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')
functionbringintoview(){
if(logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if(visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
functioncreatelogo(){
staticimage=newLayer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<ahref="'+logolink+'"><imgsrc="'+staticlogo.src+'"border=0alt="'+alttext+'"></a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}
if(document.layers)
window.onload=createlogo;
if(document.all){
w=2
h=2
logo.style.left=w
logo.style.top=h
}
functionlogoit(){
varw2=document.body.scrollLeft+w
varh2=document.body.scrollTop+h
logo.style.left=w2
logo.style.top=h2
}
functionlogoit2(){
staticimage.left=pageXOffset+2
staticimage.top=pageYOffset+2
}
functioninsertimage(){
logo.innerHTML='<ahref="'+logolink+'"><imgsrc="'+staticlogo.src+'"border=0alt="'+alttext+'"></a>'
if(fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if(visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
if(document.all){
window.onscroll=logoit
window.onresize=newFunction("window.location.reload()")
window.onload=insertimage
}
functionstaticitns(){
setInterval("logoit2()",90)
if(visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}
//-->
</SCRIPT>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br>图片5秒之后自动消失。
<br>
<br>
<br>
希望本文所述对大家的javascript程序设计有所帮助。