https://wikiskola.se/index.php?action=history&feed=atom&title=Javascript_med_animering 2026-06-06T22:29:25Z Versionshistorik för denna sida på wikin MediaWiki 1.41.1 https://wikiskola.se/index.php?title=Javascript_med_animering&diff=22286&oldid=prev 2013-05-07T14:25:02Z

<p><span dir="auto"><span class="autocomment">Javascript med animering</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sv"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 7 maj 2013 kl. 14.25</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Rad 6:</td> <td colspan="2" class="diff-lineno">Rad 6:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#: http://www.wikiskola.se/javascript/rita2.js</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#: http://www.wikiskola.se/javascript/rita2.js</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>#: [http://www.wikiskola.se/javascript/figur.jpg]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>#: [http://www.wikiskola.se/javascript/figur.jpg <ins style="font-weight: bold; text-decoration: none;">Bild på en groda</ins>]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Ändra i html-filen så att du anropar rita2.js</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Ändra i html-filen så att du anropar rita2.js</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Gör så att grodan rör sig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Gör så att grodan rör sig.</div></td></tr> </table>

Hakan https://wikiskola.se/index.php?title=Javascript_med_animering&diff=22285&oldid=prev 2013-05-07T14:23:48Z

<p><span dir="auto"><span class="autocomment">Javascript med animering</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sv"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 7 maj 2013 kl. 14.23</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Rad 6:</td> <td colspan="2" class="diff-lineno">Rad 6:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#: http://www.wikiskola.se/javascript/rita2.js</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>#: http://www.wikiskola.se/javascript/rita2.js</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>#: http://www.wikiskola.se/javascript/figur.jpg</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>#: <ins style="font-weight: bold; text-decoration: none;">[</ins>http://www.wikiskola.se/javascript/figur.jpg<ins style="font-weight: bold; text-decoration: none;">]</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Ändra i html-filen så att du anropar rita2.js</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Ändra i html-filen så att du anropar rita2.js</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Gör så att grodan rör sig.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Gör så att grodan rör sig.</div></td></tr> </table>

Hakan https://wikiskola.se/index.php?title=Javascript_med_animering&diff=20496&oldid=prev 2012-11-18T15:18:26Z

<p>Skapade sidan med &#039;== Javascript med animering == {{jspel|En liten övning i skuggan}} Nu ska vi göra saker som rör på sig. {{uppgruta| # Som vanligt har vi förberett några filer. Lägg f...&#039;</p> <p><b>Ny sida</b></p><div>== Javascript med animering ==<br /> {{jspel|En liten övning i skuggan}}<br /> Nu ska vi göra saker som rör på sig. <br /> <br /> {{uppgruta|<br /> # Som vanligt har vi förberett några filer. Lägg filerna i samma mapp som tidigare. Spara ner <br /> #: http://www.wikiskola.se/javascript/rita2.js<br /> #: http://www.wikiskola.se/javascript/figur.jpg<br /> # Ändra i html-filen så att du anropar rita2.js<br /> # Gör så att grodan rör sig.<br /> # Få den att stanna i rutan.<br /> # Få bort spåret som den lämnar efter sig.<br /> # Byt till en annan figur<br /> # Lägg in en stor bild som bakgrund.<br /> # Testa att låta figuren färdas i andra banor.<br /> }}</div>

Hakan