フィイルター | MENU |
<HTML lang="ja"> <HEAD> <TITLE>フィイルター</TITLE> <script language="JavaScript"> <!-- var cnt1 = 1.0; var cnt2 = 1.0; var cnt3 = 1.0; var sw = 0; var chg = 0.02; function dsp1() { var obj = document.getElementById("img1"); obj.style.opacity = cnt1; cnt1 -= chg; if(sw == 1) { var obj3 = document.getElementById("img3"); obj3.style.opacity = cnt3; cnt3 += chg; } var tm1 = setTimeout("dsp1()",100); if(cnt1 <= 0) { clearTimeout(tm1); var tm2 = setTimeout("dsp2()", 2000); sw = 1; } } function dsp2() { var obj2 = document.getElementById("img2"); obj2.style.opacity = cnt2; cnt2 -= chg; var obj = document.getElementById("img1"); obj.style.opacity = cnt1; cnt1 += chg; var tm2 = setTimeout("dsp2()",100); if(cnt2 <= 0) { clearTimeout(tm2); var tm3 = setTimeout("dsp3()", 2000); } } function dsp3() { var obj3 = document.getElementById("img3"); obj3.style.opacity = cnt3; cnt3 -= chg; var obj2 = document.getElementById("img2"); obj2.style.opacity = cnt2; cnt2 += chg; var tm3 = setTimeout("dsp3()",100); if(cnt3 <= 0) { clearTimeout(tm3); var tm1 = setTimeout("dsp1()", 2000); } } // --> </script> </head> <body onload="dsp1()"> <center> <img id="img1" src="G1.gif"> <img id="img2" src="G2.gif"> <img id="img3" src="G3.gif"> </center> </body> </html>