Snurra runt med JavaScript

Vi gillar att använda oss av JavaScript när vi bygger sidor. Vi  gör det mest när vi ska skapa rörelse och animation på föremål eller bilder på en sajt. Visserligen så tar det lite extra tid men man kan göra ganska roliga saker med Javascript. Vi du testa på lite JavaScript? Här är en sak som du kan göra som tar 5 sekunder.

Det lättaste är om du använder Google Chrome webbläsare.

  • Klicka på Visa uppe i myneraden
  • För musen över utvecklare och klicka på Verktyg för utvecklare

Nu delas din skärm upp och du ser en massa konstig text och kod längst ner. Du behöver inte tänka så mycket på texten. Titta istället efter följande rad med ikoner:

Chrome-java

När du har hittat den ska du klicka på den sista ikonen, Console.

Sedan tar du följande text och klistrar in den vid den blåa markeringen.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Tryck sedan Enter. Har du gjort allting rätt kommer du få se en rätt rolig och snurrig grej. Bli inte orolig över att du har förstört någonting på hemsidan. Effekten försvinner när du lämnar sidan eller stänger ner fönstret. Du får bäst effekt att göra detta på en sida med många bilder. Lycka till!