HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: Puška    02.08.09
Slike na spletu plešejo               
HTML vodiči

slike_plesejoEn ukaz, in slike v vašem brskalniku zaplešejo.

Izgled spletnih strani, ki nam jih prikažejo spletni brskalniki (Firefox, Internet Explorer, itd.) lahko manipuliramo s preprostimi Javascript ukazi, ki jih vnesemo v iskalno vrstico (okence, kamor ponavadi vpisujemo naslove spletnih strani), vendar je izgled spremenjen le za nas in le tistikrat, stran sama ostane nespremenjena, in ko jo obiščemo naslednjič ima spet prvoten izgled.

 

 

En izmed bolj zanimivih ukazov, je "ukaz za plesoče slike". Ta ukaz povzroči, da se vse slike na strani, ki jo trenutno gledamo, začnejo premikati levo in desno (Firefox), oziroma začnejo krožiti po ekranu (Firefox ali Internet Explorer).

 

 


NAVODILA:

 

1. Kopirajte eno izmed spodnjih kod ukaza.

 

KODA 1 (premikanje slik desno/levo v Firefoxu ali kroženje slik v Internet Explorerju):

 

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);

 

 

KODA 2 (kroženje slik v Firefoxu):

 

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.images; 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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++ }setInterval('A()',5); void(0);

 

 

2. V spletnem brskalniku odprite stran na kateri želite povzročiti premikanje slik.

 

3. V iskalni vrstici zbrišite vse kar notri piše ter vanjo prilepite kodo, ki ste jo kopirali.

 

4. Pritisnite ENTER.

 

 

Tukaj si poglejte kako to izgleda

 

 

 

 


Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi