<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-16"> <link rel="stylesheet" href="javascript.css" type="text/css"> <title>Anime</title> </head> <body> <h1>Animation</h1> JavaScript n00000000g0Y00<br> 000000o00S0000K00000n0h:y(V)0x0g0 NU0D00<br> Microsoft Edge g0o0 0F1200 00bY0h00000000xY00S0h0L0Qeg~0Y00<br> <img src="../img/bar_gh.gif" class="bar"> <ol> <li><h2><a href="click_chenge.html">Click Chenge</a></h2> <img src="anime1.gif"> <img src="anime2.gif"><br> <ol> <li>000n00000g00000000;uP0R0fH0~0Y00<br> 0click_chenge.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-16"&gt; &lt;title&gt;Click Chenge&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- num = 0; //s(Wn0;uP window.onmousedown = mousedown; function mousedown() { num = (num+1)%2; document.anime.src= "anime" + (num+1) + ".gif"; } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Click g00000000;uP0R0fH00&lt;/h1&gt; &lt;img src="anime1.gif" name="anime"&gt;&lt;br&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>XS}j0p~0ԏW0n00000000j00 animation gif n0;uP0OF0h0!|XSg0Y00<br> animation gif n0c;uo0 <a href="img_load.html">gn0;uP0c;u</a> 0SgqW0f0 NU0D00<br> NVo0000n00000g0 animation gif n0;uP0R0fH0~0Y00<br> 0000000;uP0R0fH00Kblo0 [ikO0/p0/0000] 0 [0000] L0zvuW0_04XTj0i0k0OD0~0Y00<br> <li>window.onmousedown = mousedown; g00000L00000U00_0h0M0 mousedown pe0|Ts0QW0~0Y00<br> num o0s(Wc;u-Nn0;uPjuSg000000Y00kk0 0 h0 1 0R0fH0~0Y00<br> document.anime.src= "anime" + (num+1) + ".gif"; g00"anime" L0-[U00_0;uP0R0fH0~0Y00<br> document.anime o0 img 00k0-[U00_0 name="anime" n0;uP0cW0~0Y00<br> Animation Start/Stop n00F0k0000000(document.images[0]) g0c[Y00S0h00Qeg~0Y00<br> <table border="1"><tr><td><pre> num = 0; //s(Wn0;uP window.onmousedown = mousedown; function mousedown() { num = (num+1)%2; document.anime.src= "anime" + (num+1) + ".gif"; } </pre></td></tr></table> <li>&lt;body&gt; g0o0 img 00g0 "anime1.gif" n0;uP0h:yW0~0Y00<br> name= k0 "anime" 0-[W0f0 NU0D00<br> mousedown() peK00 name k0 "anime" L0-[U00_0;uPn0 src 0R0fH0~0Y00<br> <table border="1"><tr><td><pre> &lt;img src="anime1.gif" name="anime"&gt;&lt;br&gt; </pre></td></tr></table> </ol> <hr> <li><h2><a href="css_girl.html">00000000000</a></h2> <img src="girl.gif"><br> <ol> <li>\sYn000000000000g0Y00<br> "girl.css" 0000W0f0 &lt;img class="girl"&gt; g0h:yY00`0Q0g0Y00<br> 0css_girl.html0<br> <table border="1"><tr><td><pre> &lt;head&gt; &lt;meta charset="UTF-16"&gt; &lt;title&gt;Parapara Animation&lt;/title&gt; &lt;link rel="stylesheet" href="girl.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;img class="girl"&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>\sYn00000000k0D}00 "girl.css" g0Y00<br> 0"girl.css" Source Code0 <table border="1"><tr><td><pre> .girl { width:128px; height:216px; margin:1em auto; overflow:hidden; background:url(girl.gif); animation:girl 1.0s steps(6,end) infinite; } @keyframes girl { 100% {background-position:-768px;} } </pre></td></tr></table> <li>S0n0000o0 Internet Explorer11 g0[L0xW0~0W0_00<br> 2017/09/12 Microsoft Edge g00[L0xW0~0W0_00<br> [LtXk00c0f0o00RK0j0D0K00w0~0[000<b> (^_^;) </b><br> <li>css_girl.html g0o0 link g0 "girl.css" 0000W0~0Y00<br> "girl.css" h0 "girl.gif" o0 css_girl.html h0 TX00000k0 <li>"girl.gif" o0 128*216 n0 Sprite L0*jk0g&N0`0;uPg0Y00<br> width, height g0 Sprite n00000-[W0~0Y00<br> 1.0 yL000000000QuY000000g0Y00<br> steps(6,end) L0 Sprite n0g_n0juS(gv)g0Y00<br> background-position:-768px; o0gvn0 Sprite n0]z^jg0Y00<br> ^8^k0!|XSj0000g0Y0L00_o0hQf0 JavaScript L0bP0f0O00~0Y00<br> <li>animation: n0L0!kn00F0k0OckW0f0 NU0D00<br> QuU00000000 2.0 yk0W0f00N^`0Q0[LW0~0Y00<br> <table border="1"><tr><td><pre> animation:girl 2.0s steps(6,end); </pre></td></tr></table> </ol> <hr> <li><h2><a href="click_anime.html">Click Animation</a></h2> <img src="../img/dog0.gif"><br> <ol> <li>000n00000g0gn0;uP0k0R0fH0~0Y00<br> 0click_anime.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-16"&gt; &lt;link rel="stylesheet" href="javascript.css" type="text/css"&gt; &lt;title&gt;Click Animation&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- num = 0; //s(Wn0;uP window.onmousedown = mousedown; function mousedown() { num = (num+1)%5; document.anime.src= "../img/dog"+num+".gif"; } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Javascript g0 Click Animation&lt;/h1&gt; 000n00000g0gn0;uP0k0R0fH0~0Y00&lt;br&gt; &lt;img src="../img/dog0.gif" name="anime"&gt;&lt;br&gt; &lt;p&gt;Mouse Click&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>000n00000g0 "../img/dog0.gif" ^ "../img/dog4.gif" n0gn0;uP0k0R0fH0~0Y00<br> window.onmousedown = mousedown; g00000L00000U00_0h0M0 mousedown pe0|Ts0QW0~0Y00<br> num o0s(Wc;u-Nn0;uPjuSg000000Y00kk0 0^4 0p~0ԏW0~0Y00<br> document.anime.src= "../img/dog"+num+".gif"; g00"anime" L0-[U00_0;uP0 dog+num+.gif k0R0fH0~0Y00<br> document.anime o0 img 00k0-[U00_0 name="anime" n0;uP0cW0~0Y00<br> <table border="1"><tr><td><pre> num = 0; //s(Wn0;uP window.onmousedown = mousedown; function mousedown() { num = (num+1)%5; document.anime.src= "../img/dog"+num+".gif"; } </pre></td></tr></table> <li>&lt;body&gt; g0o0 img 00g0 "../img/dog0.gif" n0;uP0h:yW0~0Y00<br> name= k0 "anime" 0-[W0f0 NU0D00<br> mousedown() peK00 name k0 "anime" L0-[U00_0;uPn0 src 0R0fH0~0Y00<br> <table border="1"><tr><td><pre> &lt;img src="../img/dog0.gif" name="anime"&gt; </pre></td></tr></table> </ol> <hr> <li><h2><a href="img_move.html">;uPn0yR</a></h2> <img src="../img/enemy1.gif"><br> <ol> <li>Enemy n0;uPL0__W0~0Y00<br> 0img_move.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Script-Type" content="text/javascript" charset="utf-16"&gt; &lt;link rel="stylesheet" href="javascript.css" type="text/css"&gt; &lt;title&gt;Image Move&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- x=0; v=2; function moveImage() { x+=v; if((x&gt;224)||(x&lt;0)) v= -v; document.Enemy.style.left= x; } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body onLoad="setInterval('moveImage()',25)"&gt; &lt;h2&gt;Image Move&lt;/h2&gt; &lt;img src="../img/enemy1.gif" name="Enemy" style="position:absolute;left:0px;top:70px;"&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>body n0 onLoad g0 setInterval 0-[W0f0 25 00yT0h0k0 moveImage() 0|Ts0QW0~0Y00<br> img 00n0 style g0^j0-[W0f0 enemy1.gif 0c;uW0~0Y00<br> style o0 <a href="position.html">1uk0Mn</a> 0SgqW0f0 NU0D00<br> <table border="1"><tr><td><pre> &lt;body onLoad="setInterval('moveImage()',25)"&gt; &lt;img src="../img/enemy1.gif" name="Enemy" style="position:absolute;left:0px;top:70px;"&gt; </pre></td></tr></table> <li>moveImage() pen0[g0Y00<br> document.Enemy o0 name="Enemy" L0-[U00_000000cW0~0Y00<br> x o0;uP0c;uY008^jg00Enemy.style.left= x; g0^j0 YH0j0L00yRW0~0Y00<br> v o0yR^g0Sz(]z)~0g0RO0h0b0ԏW0~0Y00<br> <table border="1"><tr><td><pre> x=0; v=2; function moveImage() { x+=v; if ((x&gt;224)||(x&lt;0)) v= -v; document.Enemy.style.left= x; } </pre></td></tr></table> </ol> <hr> <li><h2><a href="img_key.html">00g0yR</a></h2> <img src="anime1.gif"><br> <ol> <li>Animation GIF n0;uP000d\Og0RK0W0~0Y00<br> 0img_key.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-16"&gt; &lt;link rel="stylesheet" href="javascript.css" type="text/css"&gt; &lt;title&gt;Image KeyMove&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- document.onkeydown = KeyCode; x=300; y=200; function KeyCode() { if(document.all) kcode = event.keyCode; else if(document.getElementById) kcode = (event.keyCode)? event.keyCode: event.charCode; else if(document.layers) kcode = event.which; switch(kcode) { case 0x25: if (x&gt;1) x-= 2; break; case 0x26: if (y&gt;1) y-= 2; break; case 0x27: x+= 2; break; case 0x28: y+= 2; break; } } function moveImage() { document.Enemy.style.left= x; document.Enemy.style.top= y; } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body onLoad="setInterval('moveImage()',25)"&gt; &lt;h1&gt;wpS00g0;uP0yR&lt;/h1&gt; &lt;img src="anime1.gif" name="Enemy" style="position:absolute;left:300px;top:200px;"&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>body n0 onLoad g0 setInterval 0-[W0f0 25 00yT0h0k0 moveImage() 0|Ts0QW0~0Y00<br> <li>moveImage() g0o0 Enemy.style.left= x; Enemy.style.top= y; n0^jk0;uP0yRW0~0Y00<br> ;uPo0 img 00g0 name="Enemy" h0 style g0^j0-[W0f0 anime1.gif 0c;uW0f0D0~0Y00<br> Animation GIF n0;uP0OF0h000000000W0j0L00yRW0~0Y00<br> <table border="1"><tr><td><pre> &lt;img src="anime1.gif" name="Enemy" style="position:absolute;left:300px;top:200px;"&gt; </pre></td></tr></table> <li>document.onkeydown = KeyCode; g000L0bU000h0 KeyCode peL0|Tp00~0Y00<br> function KeyCode() g0o00 N N]Sn0000$R[W0f0 x=300; y=200; 0feW0~0Y00<br> <table border="1"><tr><td><pre> x=300; y=200; function KeyCode() { if(document.all) kcode = event.keyCode; else if(document.getElementById) kcode = (event.keyCode)? event.keyCode: event.charCode; else if(document.layers) kcode = event.which; switch(kcode) { case 0x25: if (x&gt;1) x-= 2; break; case 0x26: if (y&gt;1) y-= 2; break; case 0x27: x+= 2; break; case 0x28: y+= 2; break; } } </pre></td></tr></table> </ol> <hr> <li><h2><a href="anime1.html">setTimeout Animation</a></h2> <img src="../img/dog0.gif"><br> <ol> <li>setTimeout g0;uP0R0fH0f00000000W0~0Y00<br> 0anime1.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-16"&gt; &lt;link rel="stylesheet" href="javascript.css" type="text/css"&gt; &lt;title&gt;Animation&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- imgnum = 5; //;uPn0gpe images = new Array(); for(i=0; i&lt;imgnum; i++) { images[i] = new Image(); images[i].src = "../img/dog"+i+".gif"; } function change(imgno) { clearTimeout(timerID); if (imgno&lt;images.length) { document.anime.src= images[imgno].src; timerID = setTimeout("change("+(imgno+1)+")",100); } else { timerID = setTimeout("change(0)",100); } } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body onload="timerID=setTimeout('change(0)',100)"&gt; &lt;h2&gt;Animation&lt;/h2&gt; &lt;img src="../img/dog0.gif" name="anime"&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>body n0 onload K00 setTimeout g0 change() pe0|Ts0QW0~0Y00<br> 100 o00000000n0^g0Y00<br> img 00g0Ngvn0;uP(dog0.gif)0h:yW0~0Y00<br> name="anime" 0-[W0f0 NU0D00<br> <table border="1"><tr><td><pre> &lt;body onload="timerID=setTimeout('change(0)',100)"&gt; &lt;img src="../img/dog0.gif" name="anime"&gt; </pre></td></tr></table> <li>head g0 images k0;uP000000W0~0Y00<br> "../img/dog0.gif" ^ "../img/dog4.gif" n0;uP000~0Y00<br> "../img/dog" + i + ".gif" n0 0+ 0o0eW[Rn0#P}o{P[g0Y00<br> <table border="1"><tr><td><pre> imgnum = 5; //;uPn0gpe images = new Array(); for(i=0; i&lt;imgnum; i++) { images[i] = new Image(); images[i].src = "../img/dog"+i+".gif"; } </pre></td></tr></table> <li>00000R0fH00 change() peg0Y00<br> 0000-[g0|Ts0QU00~0Y00<br> document.anime.src o0 &lt;img src="../img/dog0.gif" name="anime"&gt; g0 name k0 "anime" L0-[U00_00000g0Y00<br> S0n00000(;uP)0 images[imgno].src k0R0fH0~0Y00<br> imgno o0 change() peL0|Tp000kk0000W00images.length k0j00h000k0;b0~0Y00<br> change() pen0-NK00Qs0 setTimeout() g0 change() pe0|Ts0QW0f0D0~0Y00<br> S00k000;uP0R0fH0j0L000000000L0c;uU00~0Y00<br> "dog0.gif" ^ "dog4.gif" o0N GIF g0o0!qD0n0g00;uPn0hTL0}vO0j0c0f0D0~0Y00<br> <table border="1"><tr><td><pre> function change(imgno) { clearTimeout(timerID); if (imgno&lt;images.length) { document.anime.src= images[imgno].src; timerID = setTimeout("change("+(imgno+1)+")",100); } else { timerID = setTimeout("change(0)",100); } } </pre></td></tr></table> <li>00000W0j0D0g000c0h0!|XSk00000000W0~0Y00<br> [gvk0R0fH00h0M0o0 setTimeout() 000 setInterval() n0eL0O)Rg0Y00<br> setInterval('change()',100) g0 100 00yT0h0k0 change() pe0|Ts0QW0~0Y00<br> _c0f0 change() pen0-NK00Qs0 change() pe0|Ts0QY0_o0B00~0[000<br> change() peg0o0 imgnum 0!kn0;uPjuSk0-[W0f0 document.anime.src k0;uPn0 TMR0-[W0~0Y00<br> 0Source Code0 <table border="1"><tr><td><pre> imgcnt = 5; //;uPn0gpe imgnum = 0; //h:yY00;uPjuS function change() { imgnum = (imgnum+1)%imgcnt; document.anime.src="../img/dog"+imgnum+".gif"; } &lt;body onload="timerID=setInterval('change()',100)"&gt; &lt;img src="../img/dog0.gif" name="anime"&gt; </pre></td></tr></table> </ol> <hr> <li><h2><a href="anime2.html">Animation Start/Stop</a></h2> <img src="../img/dog0.gif"><br> <ol> <li>Start/Stop 000g0000000000Y/\PbkW0~0Y00<br> 0anime2.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Script-Type" content="text/javascript" charset="utf-16"&gt; &lt;title&gt;Animation-2&lt;/title&gt; &lt;script type="text/javascript"&gt; id = 0; //Interval n0ID ic = 0; //ic= h:yY00;uPjuS //Start 000L00000U00_0h0M0 //123 o0;uP0 YH00Bf function starts() { clearInterval(id); id=window.setInterval("upDate()",123); Disp(); } //Stop 000L00000U00_0h0M0 function stop() { clearInterval(id); Disp(); } //starts() K00 setInterval() g0|Ts0QU000 //ic= h:yY00;uPjuS function upDate() { ic = ic+1; if (ic &gt; 4) ic=0; Disp(); } //ic juvn0;uP0c;u function Disp() { document.images[0].src="../img/dog"+ic+".gif"; } &lt;/script&gt; &lt;/head&gt; &lt;body bgcolor="white"&gt; &lt;center&gt; &lt;br&gt; &lt;table border="0"&gt; &lt;tr&gt;&lt;td&gt;&lt;img src="../img/dog0.gif"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;br&gt; &lt;form name="Ctrl"&gt; &lt;input type="button" value="START" onClick="starts()"&gt; &lt;input type="button" value="STOP" onClick="stop()"&gt; &lt;/form&gt; &lt;/center&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>;uP0R0fH0f00000000Y00CQn0;uPg0Y00<br> <table border="1"><tr><td><pre> &lt;body bgcolor="white"&gt; &lt;center&gt; &lt;br&gt; &lt;table border="0"&gt; &lt;tr&gt;&lt;td&gt;&lt;img src="../img/dog0.gif"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; </pre></td></tr></table> <li>"START" 000g000000000Y0"STOP" 000g0\PbkW0~0Y00<br> <table border="1"><tr><td><pre> &lt;form name="Ctrl"&gt; &lt;input type="button" value="START" onClick="starts()"&gt; &lt;input type="button" value="STOP" onClick="stop()"&gt; &lt;/form&gt; &lt;/center&gt; </pre></td></tr></table> <li>JavaScript n0peg0Y00<br> starts() peo0 Start 000L00000U00_0h0M0k0|Tp00~0Y00<br> window.setInterval("upDate()",123); g0N[g0 upDate() pe0|Ts0QW0~0Y00<br> 123 o0;uP0R0fH00(00y)g0Y00<br> <table border="1"><tr><td><pre> &lt;script type="text/javascript"&gt; id = 0; //Interval n0ID ic = 0; //ic= h:yY00;uPjuS function starts() { clearInterval(id); id=window.setInterval("upDate()",123); Disp(); } </pre></td></tr></table> <li>stop() peo0 Stop 000L00000U00_0h0M0k0|Tp00~0Y00<br> <table border="1"><tr><td><pre> function stop() { clearInterval(id); Disp(); } </pre></td></tr></table> <li>upDate() peo00000000;uP0R0fH00peg0Y00<br> Disp() peg0 ic g0c:yW0_0;uPk0R0fH0~0Y00<br> <table border="1"><tr><td><pre> function upDate() { ic = ic+1; if (ic &gt; 4) ic=0; Disp(); } </pre></td></tr></table> <li>Disp() peo0 ic juvn0;uPk0R0fH00peg0Y00<br> document.images[0].src g0;uP0juSg0X%RW0~0Y00<br> Oc0f0D00;uPo0g`0Q0j0n0g0 images[0].src k0j00~0Y00<br> (Ngvn0;uPo0 images[1].src k0j00~0Y0)<br> <table border="1"><tr><td><pre> function Disp() { document.images[0].src="../img/dog" + ic + ".gif"; } </pre></td></tr></table> <li>;uP0juSg0X%RY000000!kn00F0k0 name 0NQ0f0SgqY00eL0㉊0fD0K00w0~0[000<br> <table border="1"><tr><td><pre> &lt;tr&gt;&lt;td&gt;&lt;img src="../img/dog0.gif" name="anime"&gt;&lt;/td&gt;&lt;/tr&gt; 000 document.name.src="../img/dog" + ic + ".gif"; </pre></td></tr></table> </ol> <hr> <li><h2><a href="walk.html">Walk Animation</a></h2> <img src="chr47.gif"><br> <ol> <li>wpS00g000000L0ikM0~0Y00<br> 0walk.html0<br> <table border="1"><tr><td><pre> &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-16"&gt; &lt;link rel="stylesheet" href="javascript.css" type="text/css"&gt; &lt;title&gt;Walk&lt;/title&gt; &lt;script type="text/javascript"&gt; &lt;!-- document.onkeydown = KeyCode; x=300; //X^j y=200; //Y^j dir=0; //2LeT chg=0; //;uPn0R0fH0 function KeyCode() { if(document.all) kcode = event.keyCode; else if(document.getElementById) kcode = (event.keyCode)? event.keyCode: event.charCode; else if(document.layers) kcode = event.which; switch(kcode) { case 0x25: //! if (x&gt;1) x-= 2; dir= 6; break; case 0x26: //! if (y&gt;1) y-= 2; dir= 0; break; case 0x27: //! x+= 2; dir= 2; break; case 0x28: //! y+= 2; dir= 4; break; } } function walk() { chg= (chg+1)%16; var n= dir+Math.floor(chg/8); document.char.src= images[n].src; document.char.style.left= x; document.char.style.top= y; } function preload() { imgnum = 8; //;uPn0gpe images = new Array(); for(i=0; i&lt;imgnum; i++) { images[i] = new Image(); images[i].src = "chr47_"+i+".gif"; } setInterval('walk()',50); } // --&gt; &lt;/script&gt; &lt;/head&gt; &lt;body onLoad="preload()"&gt; &lt;h1&gt;wpS00g000000L0ikO0&lt;/h1&gt; &lt;img src="chr47_0.gif" name="char" style="position:absolute;left:300px;top:200px;"&gt; &lt;/body&gt; &lt;/html&gt; </pre></td></tr></table> <li>S0n000000g0O(uY00;uPo0 chr47_0.gif ^ chr47_7.gif n0gg0Y00<br> CQn0;uPo0 Nk0c W0f0D00 chr47.gif g00;uP0R0RQ000000Oc0f0gn0;uPk0R0RQ0~0Y00<br> yn0000000000K00cOW0f0D00 Map Editor k00;uP0R0RQ00_j0RW0~0W0_00<br> <li>gn0;uP0 preload() peg0NMRk0000W0f0D0~0Y00<br> <table border="1"><tr><td><pre> function preload() { imgnum = 8; //;uPn0gpe images = new Array(); for(i=0; i&lt;imgnum; i++) { images[i] = new Image(); images[i].src = "chr47_"+i+".gif"; } setInterval('walk()',50); } </pre></td></tr></table> <li>KeyCode() peg0wpS000iQW0f00 N N]Sk00000000W0j0L000000000RK0W0~0Y00<br> <table border="1"><tr><td><pre> document.onkeydown = KeyCode; x=300; //X^j y=200; //Y^j dir=0; //2LeT chg=0; //;uPn0R0fH0 function KeyCode() { if(document.all) kcode = event.keyCode; else if(document.getElementById) kcode = (event.keyCode)? event.keyCode: event.charCode; else if(document.layers) kcode = event.which; switch(kcode) { case 0x25: //! if (x&gt;1) x-= 2; dir= 6; break; case 0x26: //! if (y&gt;1) y-= 2; dir= 0; break; case 0x27: //! x+= 2; dir= 2; break; case 0x28: //! y+= 2; dir= 4; break; } } </pre></td></tr></table> <li>walk() peg0000000^jn0feh0;uPn0R0fH00LD0~0Y00<br> chg o0gn0;uPn0R0fH0g0Y0L0050 00yT0h0k0 walk() peL0|Ts0QU000n0g00R0f^0=h0W0f0D0~0Y00<br> <table border="1"><tr><td><pre> function walk() { chg= (chg+1)%16; var n= dir+Math.floor(chg/8); document.char.src= images[n].src; document.char.style.left= x; document.char.style.top= y; } </pre></td></tr></table> </ol> </ol> <p><img src="../img/bar_rh.gif" width="100%" height="8"></p> <p><a href="http://www.eonet.ne.jp/~maeda/index.html"> <img src="../img/mm.jpg" width=90 height=30 align="middle">MR0uzn0R_n000000eQ</a><br> <a href="javascript.html"><img src="../img/jscript.jpg" width=90 height=30 align="middle"> R_n000000eQ(JavaScript)</a></p> </body> </html>