画像ダウンロード中にメッセージを点滅表示する |
Sample |
ここをクリックして新しいウインドウを開いてください。
|
ソース |
<HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function load_img() { if (document.getElementById) { document.getElementById('hidden_page').style.visibility = 'hidden'; } else { if (document.layers) { // Netscape 4 document.hidden_page.visibility = 'hidden'; } else { // IE 4 document.all.hidden_page.style.visibility = 'hidden'; } } } //--> </script> </HEAD> <BODY OnLoad="load_img()"> <div id="hidden_page" style="position: absolute; left:5px; top:5px; background-color: #FFFF00; layer-background-color: #FFFF00; height: 100%; width: 100%;"> <table width=100%><tr><td> <SCRIPT LANGUAGE="JavaScript"> <!-- dsp_str = "Now Loading........"; clr1 = "blue"; clr2 = "gold"; fontsize = "8"; speed = 100; i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br> <br><br>"); } else { document.write("<div id=a></div>"); } function swap_chr_color() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font size =" + fontsize + "><font color=" + clr1 + ">"); for (var j = 0; j < dsp_str.length; j++) { if(j == i) { document.a.document.write("<font color=" + clr2 + ">" + dsp_str.charAt(i) + "</font>"); } else { document.a.document.write(dsp_str.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font size=" + fontsize + "><font color=" + clr1 + ">"; for (var j = 0; j < dsp_str.length; j++) { if( j == i) { str += "<font color=" + clr2 + ">" + dsp_str.charAt(i) + "</font>"; } else { str += dsp_str.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == dsp_str.length) ? i=0 : i++; } setInterval("swap_chr_color()", speed); //--> </SCRIPT> </td></tr></table></div> <img src="../lg_java.gif" border=0> <br><br> <FORM> <INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()> </FORM> <br><br> <img src=../../syasin/mukogawa0.jpg> <br><br> <img src=../../syasin/mukogawa1.jpg> <br><br> <img src=../../syasin/mukogawa2.jpg> <br><br> <img src=../../syasin/mukogawa3.jpg> <br><br> <img src=../../syasin/sakura0.jpg> <br><br> <img src=../../syasin/sakura1.jpg> <br><br> <img src=../../syasin/sakura2.jpg> <br><br> <img src=../../syasin/sakura3.jpg> <br><br> </BODY> </HTML> |
ワンポイント解説 |
dsp_str = "Now Loading........"; の文章を変えてみてください。 clr1 = "blue"; clr2 = "gold"; fontsize = "8"; speed = 100; も変えてみて試してください。 |