本文實例講述了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 '">' )<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 '">')<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 '">'<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程式設計有所幫助。
