本文实例讲述了js实现有时间限制消失的图片方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 指定时间内消失的图片 <br> <!-- Hide the script from old browsers --<br /> // 1) 做一个88*31的LOGO。<br /> if (document.images)<br /> var staticlogo=new Image(758,100)<br /> // 2) 设置LOGO的路径。<br /> staticlogo.src="/images/banner.gif"<br /> // 3) 以下是LOGO代表的连接。<br /> var logolink="http://wwwww.jb51.net/"<br /> // 4) 设置ALT属性。<br /> var alttext="代码家园"<br /> // 5) 设置下列属性为 1或者0(1是IE特有的，使LOGO隐现）<br /> var fadeintoview=1<br /> /* 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示<br /> */<br /> var visibleduration=5<br /> function regenerate(){<br /> window.location.reload()<br /> }<br /> function regenerate2(){<br /> if (document.layers)<br /> setTimeout("window.onresize=regenerate",400)<br /> }<br /> var fadeset=''<br /> if (fadeintoview)<br /> fadeset="filter:alpha(opacity=0)"<br /> if (document.all)<br /> document.write('<span id="logo"" style="' fadeset ';position:absolute;top:100;width:' staticlogo.width ';height:' staticlogo.height '"></span>')<br> function bringintoview(){<br> if (logo.filters.alpha.opacity<=95)<br /> logo.filters.alpha.opacity =5<br /> else{<br /> clearInterval(viewit)<br /> if (visibleduration!=0)<br /> setTimeout("logo.style.visibility='hidden'",visibleduration*1000)<br /> }<br /> }<br /> function createlogo(){<br /> staticimage=new Layer(100)<br /> staticimage.left=-300<br /> staticimage.top=120<br /> staticimage.document.write('<a href="' logolink '"><img src="' staticlogo.src '" border=0 alt="' alttext '"></a>')<br> staticimage.document.close()<br> staticimage.visibility="show"<br> regenerate2()<br> staticitns()<br> }<br> if (document.layers)<br> window.onload=createlogo;<br> if (document.all){<br> w=2<br> h=2<br> logo.style.left=w<br> logo.style.top=h<br> }<br> function logoit(){<br> var w2=document.body.scrollLeft w<br> var h2=document.body.scrollTop h<br> logo.style.left=w2<br> logo.style.top=h2<br> }<br> function logoit2(){<br> staticimage.left=pageXOffset 2<br> staticimage.top=pageYOffset 2<br> }<br> function insertimage(){<br> logo.innerHTML='<a href="' logolink '"><img src="' staticlogo.src '" border=0 alt="' alttext '"></a>'<br> if (fadeintoview)<br> viewit=setInterval("bringintoview()",100)<br> else{<br> if (visibleduration!=0)<br> setTimeout("logo.style.visibility='hidden'",visibleduration*1000)<br> }<br> }<br> if (document.all){<br> window.onscroll=logoit<br> window.onresize=new Function("window.location.reload()")<br> window.onload=insertimage<br> }<br> function staticitns(){<br> setInterval("logoit2()",90)<br> if (visibleduration!=0)<br> setTimeout("staticimage.visibility='hide'",visibleduration*1000)<br> }<br> //--> <br> 图片5秒之后自动消失。 希望本文所述对大家的javascript程序设计有所帮助。
