Мини-игрушка Фредди на лифте. С помощью кнопок вверх, вниз и стоп можно управлять Фредди, который на лифте. Файлы с изображением Фредди прилагаются. Код | <HTML> <HEAD> <TITLE>Динамическая анимация графических объектов</TITLE> </HEAD> <BODY onload="init()" bgcolor=black ondragstart="JavaScript: return false" onselectstart="JavaScript: return false"> <INPUT type="text" name="text1" STYLE="position: absolute; left=5; top=5;"> <INPUT type="text" name="text2" STYLE="position: absolute; left=5; top=30;"> <INPUT type="button" name="button1" value="->" style="position: absolute; left:5; top:100;" onmousedown="step=-1;ChangeLiftStep()"> <INPUT type="button" name="button2" value="<-" style="position: absolute; left:5; top:125;" onmousedown="step=1;ChangeLiftStep()"> <INPUT type="button" name="button3" value="Стоп" style="position: absolute; left:5; top:150;" onmousedown="LiftStop()"> <script language="JavaScript"> //var kolkadr; //var Bitmap; //var DirFileName; //var XObject; //var YObject; //var objnum; //var yminbrowser; //var ymaxbrowser; //var step; //Массив начинается с 0; kolkadr=1; Bitmap=new Array(kolkadr); DirFileName=new Array("Freddy/Freddy/FreddyOnLift/Freddy"); XObject=new Array(200,0); YObject=new Array(100,0); objnum=0; yminbrowser=0; ymaxbrowser=document.body.clientHeight; step=0; kadr=1; timer=20;
CreateObject(objnum,XObject[objnum],YObject[objnum]); LoadImages();
//Необходимо помнить три разных способа обращения к объекту: //document.images["image1"].src=Bitmap[2].src; //Не работает (?) //document.images[0].src=Bitmap[0].src; //Не работает (?) //document.image1.src=Bitmap[2].src;
alert('Скрипт выполнился'); document.image0.src=Bitmap[kadr].src; button3.disabled=true; //document.all.text1.value=document.all.pic.style.left;
function CreateObject(objnum,DivLeft,DivTop) { ApiImageHTML="<DIV id='pic' STYLE='position: absolute; left="+DivLeft+"; top="+DivTop+"'>"+ "<IMG name='image"+objnum+"' src='Images/ZX-Spectrum/"+DirFileName[0]+"0.gif'>"+ "</DIV>"; document.write(ApiImageHTML); }
function LoadImages() { for (i=0; i<=kolkadr; i=i+1) { Bitmap[i] = new Image(); Bitmap[i].src="Images/ZX-Spectrum/"+DirFileName[0]+i+".gif"; // alert('Имя файла='+DirFileName[0]+i); // alert('Номер ячейки='+i); } }
function LiftStop() { step=0; document.all.text2.value=step; button1.disabled=false; button2.disabled=false; button3.disabled=true; }
function ChangeLiftStep() { document.all.text2.value=step; if(step>0){document.image0.src=Bitmap[0].src} if(step<0){document.image0.src=Bitmap[1].src} button1.disabled=true; button2.disabled=true; button3.disabled=false; }
function LiftMove() { if(YObject[objnum]<yminbrowser) {YObject[objnum]=yminbrowser+1;LiftStop()} else { YObject[objnum]=YObject[objnum]+step; document.all.pic.style.top=YObject[objnum]; document.all.text1.value=YObject[objnum]; } if(YObject[objnum]>ymaxbrowser) {YObject[objnum]=ymaxbrowser-1;LiftStop()} else { YObject[objnum]=YObject[objnum]+step; document.all.pic.style.top=YObject[objnum]; document.all.text1.value=YObject[objnum]; } setTimeout("LiftMove(),timer"); }
function init() { setTimeout("LiftMove()",timer); }
</SCRIPT> </BODY> </HTML>
|
Присоединённый файл ( Кол-во скачиваний: 1 )
FreddyOnLift.zip 2,73 Kb
|