ようこそ
!!
フリーの
ほーむぺーじ
部品館へ
!(^^)!
もう1度試す時は、”更新”ボタンを押して下さい。
<HEAD> </HEAD> タグの中を以下の様にする。
<HEAD><script language="JavaScript"> <!-- var wx=new Array(),wy=new Array(),ex=new Array(),ey=new Array() var spd=new Array(),step=new Array(),stepX=new Array(),stepY=new Array() var mvFlag=new Array(),slideID=new Array(),count=new Array() function slideLAYERs(layName,startX,startY,endX,endY,speed,stpx){ if(!mvFlag[layName]){ clearTimeout(slideID[layName]) count[layName]=0 //--移動回数カウント var ofX=(endX-startX) //--移動距離x var ofY=(endY-startY) //--移動距離y step[layName]= Math.max(Math.abs(ofX),Math.abs(ofY))/stpx //--移動ステップ数 stepX[layName]=ofX/step[layName] //--移動量x/ステップ stepY[layName]=ofY/step[layName] //--移動量y/ステップ wx[layName]=startX //--移動中のx座標 wy[layName]=startY //--移動中のy座標 ex[layName]=endX //--到着場所のx座標 ey[layName]=endY //--到着場所のy座標 spd[layName]=speed //--移動スピ−ド mvFlag[layName]=true //--移動中ならtrue } if(mvFlag[layName]&&(count[layName]<=step[layName]-1)){ count[layName]++ wx[layName]+=stepX[layName] wy[layName]+=stepY[layName] clearTimeout(slideID[layName]) slideID[layName]= setTimeout('slideLAYERs("'+layName+'")',spd[layName]) }else{ wx[layName]=ex[layName] wy[layName]=ey[layName] clearTimeout(slideID[layName]);mvFlag[layName]=false } if(document.layers) document.layers[layName].moveTo(wx[layName],wy[layName]) if(document.all)document.all(layName).style.posLeft=wx[layName] if(document.all)document.all(layName).style.posTop=wy[layName] } function setBGCOLOR(layName,color){ if(document.layers)document.layers[layName].bgColor=color if(document.all)document.all(layName).style.backgroundColor=color } function startMove(){ mvFlag['info0']=false;slideLAYERs('info0',-100, -100, 400, 40,10, 50) mvFlag['info1']=false;slideLAYERs('info1', 1000, 10, 570, 40,10, 50) mvFlag['info2']=false;slideLAYERs('info2', 300, -100, 430, 90,10, 25) mvFlag['info3']=false;slideLAYERs('info3', 650, -100, 400, 140,10, 15) mvFlag['info4']=false;slideLAYERs('info4',-1000, 1000, 370, 190,10, 25) mvFlag['info5']=false;slideLAYERs('info5',2000, 1000, 560, 190,10, 25) } // --> </script> <STYLE TYPE="text/css"> <!-- .moji { position:absolute;top:-100;left:-100;font:900 30pt FA ぽぽる ;} #info0 { color:#00ff00 ;} #info1 { color:#ff00ff ;} #info2 { color:#00ffff ;} #info3 { color:yellow ;} #info4 { color:#8080ff ;} #info5 { color:red ;} // --> </STYLE> </HEAD>
<BODY> </BODY> タグの中を以下の様にする。
<BODY onload="startMove()" bgcolor="#000000" text="#00ff00"><!--info--> <SPAN CLASS="moji" ID="info0">ようこそ</SPAN> <SPAN CLASS="moji" ID="info1">!!</SPAN> <SPAN CLASS="moji" ID="info2">フリーの</SPAN> <SPAN CLASS="moji" ID="info3">ほーむぺーじ</SPAN> <SPAN CLASS="moji" ID="info4">部品館へ</SPAN> <SPAN CLASS="moji" ID="info5">!(^^)!</SPAN> </BODY>