この記事の例では、js を使用して時間制限付きで消える画像を実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。 コードをコピー コードは次のとおりです: 指定時間内に消えた写真 <br> <!-- 古いブラウザからスクリプトを非表示にする --<br /> // 1) 88*31 のロゴを作成します。 <br /> if (document.images)<br /> var staticlogo=新しい画像(758,100)<br /> // 2) ロゴのパスを設定します。 <br /> staticlogo.src="/images/banner.gif"<br /> // 3) 以下は、ロゴによって表される接続です。 <br /> var logolink="http://wwwww.jb51.net/"<br /> // 4) ALT 属性を設定します。 <br /> var alttext="コード ホーム"<br /> // 5) 次のプロパティを 1 または 0 に設定します (1 は IE に固有であり、ロゴが表示されます) <br /> var fadeintoview=1<br /> /* 6) 最後にロゴ表示の時間を設定します (例: 12 秒)。値 0 は常に <br /> を表示することを意味します */<br /> varvisibleduration=5<br /> 関数 regenerate(){<br /> window.location.reload()<br /> }<br /> 関数 regenerate2(){<br /> if (document.layers)<br /> setTimeout("window.onresize=regenerate",400)<br /> }<br /> var fadeset=''<br /> if (フェードイントゥビュー)<br /> fadeset="フィルター:アルファ(不透明度=0)"<br /> if (document.all)<br /> document.write('<span id="logo"" style="' fadeset ';position:absolute;top:100;width:' staticlogo.width ';height:' staticlogo.height '"></スパン>')<br /> 関数bringintoview(){<br /> if (logo.filters.alpha.opacity<=95)<br /> logo.filters.alpha.opacity =5<br /> それ以外{<br /> clearInterval(viewit)<br /> if (visibleduration!=0)<br /> setTimeout("logo.style.visibility='hidden'",visibleduration*1000)<br /> }<br /> }<br /> 関数 createlogo(){<br /> staticimage=新しいレイヤー(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="表示"<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> 関数 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> 関数 logoit2(){<br> staticimage.left=pageXOffset 2<br> staticimage.top=pageYOffset 2<br> }<br> 関数 insertimage(){<br> logo.innerHTML='<a href="' logolink '"><img src="' staticlogo.src '" border=0 alt="' alttext '"></a>'<br> if (フェードイントゥビュー)<br> viewit=setInterval("bringintoview()",100)<br> それ以外{<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> 関数 staticitns(){<br> setInterval("logoit2()",90)<br> if (visibleduration!=0)<br> setTimeout("staticimage.visibility='hide'",visibleduration*1000)<br> }<br> //--> <br>
