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程序设计有所帮助。