Digital Shot★花のアルバム★より
ひらまです。いらっしゃ〜い。 (^^)/
ひらまです。いらっしゃ〜い。 (^^)/
ひらまです。いらっしゃ〜い。 (^^)/
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE='JavaScript'> <!-- //--slideLAYERs var wx=new Array() var wy=new Array() var ex=new Array() var ey=new Array() var spd=new Array() var step=new Array() var stepX=new Array() var stepY=new Array() var mvFlag=new Array() var slideID=new Array() var 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] } window.onload=b07ini //ぺ−ジロ−ド完了後function b07iniを実行する function b07ini(){ mvFlag['test0']=false;slideLAYERs('test0',-100,-20,120,160,40,7) mvFlag['test1']=false;slideLAYERs('test1',100,-30,100,105,60,9) mvFlag['test2']=false;slideLAYERs('test2',-150,100,100,102,10,10) mvFlag['test3']=false;slideLAYERs('test3',550,200,100,100,1,20) } <!----> </SCRIPT> <STYLE TYPE="text/css"> <!-- .moves { position:absolute;top:-100;left:-100; font-family:Osaka,Arial;font-size:32pt } #test1 { color:green } #test2 { color:magenta } #test3 { color:red } <!----> </STYLE> </HEAD><BODY> <A HREF="http://www2.nsknet.or.jp/~minoru.y/">Digital Shot★花のアルバム★</A>より <DIV CLASS="moves" ID="test0"> <a href="http://www.jet.ne.jp/~hirama/index.html"> <IMG SRC="hiramasamalinks.jpg"></a> </DIV> <DIV CLASS="moves" ID="test1"> ひらまです。いらっしゃ〜い。 (^^)/ </DIV> <DIV CLASS="moves" ID="test2"> ひらまです。いらっしゃ〜い。 (^^)/ </DIV> <DIV CLASS="moves" ID="test3"> ひらまです。いらっしゃ〜い。 (^^)/ </DIV> </BODY> </HTML>