Animowane warstwy DHTML
nbspnbspnbspnbspnbspnbspnbsp, warstwy, animowane, dhtml, language=quotjavascriptquotgt
nbspnbspnbspnbspnbsp, się,
nbspnbspnbsp, x=1, ltscript, jest, , if, =,
nbspnbspnbspnbspnbspnbspnbsp, warstwy, y, animowane, w, dhtml, language=quotjavascriptquotgt
nbspnbspnbspnbspnbsp, się,
nbspnbspnbsp, x=1, ltscript, jest, nn4, ltscriptgt
nbsp, x
nbspnbspnbspnbspnbspnbspnbspnbspnbsp, to, ie4, ampamp, użycie, położenia, sposobem, jeżeli, ltstyle, wspoacutełrzędnych, czasowych, najłatwiejszym, zmianę, podanych, milisekundach, charset=windows1250quotgt
nbspnbspnbsp, wykonywana, czas, poprzez, ciągłą, polecenia
setintervalpolecenie, otrzymuje, argumentoacutew, przypadku, funkcja, wymaga, podajemy, końcu
lthtmlgt
nbsp, gt
nbspnbspnbsp, je, na, odstępach, tym, lt
nbspnbspnbspnbspnbsp, type=quottextcssquotgt
nbspnbspnbsp, httpequiv=quotcontenttypequot, backgroundcoloryellow, absolute, ltheadgt
nbspnbspnbsp, ltmeta, warstwa, content=quottexthtml, x=200, ltbody, bgcolor=quot6fb20fquotgt
nbspnbspnbsp, ltdiv, ltheadgt
nbsp, id=quotwarstwaquotgtto, ltbodygt
lthtmlgt,
nbsp
nbsp, rusza, ygt=1, przesun
nbspnbspnbspnbspnbspnbspnbsp, truefalse, documentall[warstwa]styletop, documentall[warstwa]styleleft, documentlayers, function, documentall, y=1
nbspnbspnbspnbspnbsp, truefalse
nbspnbspnbspnbspnbspnbspnbsp, setintervalprzesun5
nbspnbspnbsp, ltdivgt
nbspnbspnbsp, position, documentlayers[warstwa]left, y++, funkcji, nazwa, ktoacutera, argumenty
polecenie, najczęściej, y==100, x, ltstylegt
nbspnbspnbsp, ylt=100, x==1, x++, y==1, x==200, documentlayers[warstwa]top, będzie,
Piątek 04 Kwiecień 2025r.
Godz 00:00:00
Postów: 251
Animowane warstwy DHTML
Animowane warstwy otrzymuje się poprzez ciągłą zmianę współrzędnych położenia warstwy. Najłatwiejszym sposobem jest użycie polecenia:
setInterval(polecenie, czas, argumenty);
Polecenie jest to najczęściej nazwa funkcji, która będzie wykonywana w podanych w milisekundach odstępach czasowych. Jeżeli funkcja wymaga argumentów to w tym przypadku podajemy je na końcu.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
<STYLE TYPE="text/css">
<!--
#warstwa { position: absolute; background-color:yellow; }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
x=1; y=1;
function przesun()
{ nn4 = (document.layers) ? true:false;
ie4 = (document.all) ? true:false;
if (ie4) { document.all['warstwa'].style.left = x;
document.all['warstwa'].style.top = y; }
if (nn4) { document.layers['warstwa'].left = x;
document.layers['warstwa'].top = y;} }
if (y==1) { x++ };
if (y>=1 && x==200) { x=200; y++ };
if (y==100) { x-- };
if (y<=100 && x==1) {x=1; y--} ; };
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#6FB20F">
<DIV ID="warstwa">To się rusza !!!</DIV>
<SCRIPT LANGUAGE="JavaScript">
setInterval(przesun,5);
</SCRIPT>
</BODY>
</HTML>
Darmowy hosting zapewnia PRV.PL