日本語
<!-- http://www.downcodes.com --> <!-- bbs http://bbs.downcodes.com --> <!-- この効果を実現するには、最初のステップが 2 つ必要です。次のコードを <body> 領域に追加します --> <script> <!-- var imageheight=280 var imagewidth=560 var Cliptop var Clipbottom var Clipleft var Clipright var Clippoints var Tempy=100 var stepx=0 var stepy =0 var timer function setValues() { if (document.all) { document.all.image.style.posLeft=0 document.all.image.style.posTop=0 document.all.imagecontent.style.posLeft=0 ドキュメント.all.imagecontent.style.posTop=0 moveimage() } } function moveimage() { if (stepx<=imagewidth || stepy<=imageheight) { stepx=stepx+12 stepy=stepy+6 image.innerHTML="<スパンスタイル= '幅:"+stepx+"px; 高さ:"+stepy+"px;背景色:000000;フィルター:alpha(opacity=0,finishopacity=100,style=2'></span>" Cliptop= 0 Clipbottom= stepy Clipleft=0 Clipright=stepx Clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.imagecontent.style.clip=clippoints timer=setTimeout("moveimage ()" ,tempo) } else{ clearTimeout(timer) timer=setTimeout("moveimage2()",tempo) } } function moveimage2() { if (stepx>=0 || stepy>=0) { stepx=stepx- 12 stepy= stepy-6 image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100, style=2 '></span>"cliptop=0clipbottom=stepyclipleft=0clipright=stepxclippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" document.all.imagecontent .style.clip=clippoints timer=setTimeout("moveimage2()",tempo) } else{ stepx=0 stepy=0 clearTimeout(timer) timer=setTimeout("moveimage()",tempo) } --> </ script> < DIV id=imagecontent style="LEFT: -5000px; POSITION: 絶対; TOP: -5000px"><IMG height=421 src="" width=735></DIV> <DIV id=image style=" POSITION: 絶対 ; TOP: -50px"></DIV> <!--ステップ 2: 「onload=setValues()」を <body> タグに追加します。例: --> <body onload=setValues()>