Curs Javascript

Scriptul urmator creaza efectul de imagine pe care-l puteti observa in aceasta pagina -> zbor de avioane.
La reincarcarea paginii imaginile folosite pentru afisarea avioanelor se modifica.

Pentru a adauga acest script intr-o pagina web:
1. Copiati imaginile cu avioane de AICI, adaugati imaginile din arhiva "avioane.zip" intr-un director "imgs/" aflat in acelasi catalog in care aveti pagina HTML care va folosi scriptul.
2. Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:

<script type="text/javascript">

// Daca folositi un numar diferit de imagini
// Schimbati nr. 5 in acord cu nr. dv de imagini
grphcs=new Array(5)

// Mai jos adaugati calea catre imagini
Image0=new Image();
Image0.src=grphcs[0]="imgs/avion0.gif"
Image1=new Image();
Image1.src=grphcs[1]="imgs/avion1.gif"
Image2=new Image();
Image2.src=grphcs[2]="imgs/avion2.gif"
Image3=new Image();
Image3.src=grphcs[3]="imgs/avion3.gif"
Image4=new Image();
Image4.src=grphcs[4]="imgs/avion4.gif"

// Specificati nr. de imagini care va apare pe ecran
Amount=3;
// Matricele pt. stocarea pozitiei, vitezei
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();

// Variabilele in functie de browser
ns=(document.layers)?1:0;
moz=(document.getElementById&&!document.all)?1:0;
ie=document.all

// Pozitionarea implicita a cadrelor, ampurilor DIV si
// a imaginilor incluse in ele
if (ns) {
  for (i = 0; i < Amount; i++) {
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
  }
}
else {
  document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  for (i = 0; i < Amount; i++) {
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
  }
  document.write('</div></div>');
}
WinHeight=(ns||moz)?window.innerHeight-70:window.document.body.clientHeight;
WinWidth=(ns||moz)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++) {
  Ypos[i] = Math.round(Math.random()*WinHeight);
  Xpos[i] = Math.round(Math.random()*WinWidth);
  Speed[i]= Math.random()*5+1;
  Cstep[i]=0;
  Step[i]=Math.random()*0.1+0.05;
}
// Functia pentru efectul de zbor
function fly() {
  var WinHeight=(ns||moz)?window.innerHeight:window.document.body.clientHeight;
  var WinWidth=(ns||moz)?window.innerWidth-70:window.document.body.clientWidth;
  var hscrll=(ns||moz)?window.pageYOffset:document.body.scrollTop;
  var wscrll=(ns||moz)?window.pageXOffset:document.body.scrollLeft;

  for (i=0; i < Amount; i++) {
    sy = Speed[i]*Math.sin(Cstep[i]);
    sx = Speed[i]*2;
    Ypos[i]+=sy;
    Xpos[i]+=sx;
    if (Xpos[i] > WinWidth) {
      Ypos[i]=Math.round(Math.random()*WinHeight);
      Xpos[i]=-60;
      Speed[i]=Math.random()*5+1;
    }

    if (ns) {
      document.layers['sn'+i].left=Xpos[i]+wscrll;
      document.layers['sn'+i].top=Ypos[i];
    }

    else if (moz) {
      document.getElementById("si"+i).style.left=Xpos[i]+wscrll;
      document.getElementById("si"+i).style.top=Math.min(WinHeight,Ypos[i]);
    }

    else {
      eval("document.all.si"+i).style.left=Xpos[i]+wscrll;
      eval("document.all.si"+i).style.top=Ypos[i];
    }
    Cstep[i]+=Step[i];
  }
  // Apeleaza functia pt. efect de zbor la fiecare 20 miimi secunda
  setTimeout('fly()',20);
}
// Apeleaza functia la incarcarea paginii
if (ie||ns||moz)
window.onload=fly
//-->
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag creaza un text ingrosat?
<q> <strong> <em>
<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>
Care din aceste coduri CSS afiseaza textul ingrosat?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Clic pe variabila definita corect in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?
have traveled shall travel had traveled
We have traveled in space.
- Noi am calatorit (deja) in spatiu.
Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?
ir a pintar pintaba pintó
La niña pintaba un arco iris.
- Fetita picta un curcubeu.
Efect zbor avioane

Last accessed pages

  1. HTML5 - Tag-uri Noi (4066)
  2. I sau Me (8083)
  3. Subjunctiv vs indicativ si conditional (654)
  4. Subtantive - Plural (5672)
  5. Limba spaniola curs online incepatori si avansati (27589)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (622)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (408)
  3. Cursuri limba engleza gratuite si lectii online (270)
  4. Gramatica limbii engleze - Prezentare Generala (270)
  5. Limba spaniola curs online incepatori si avansati (240)