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
Clic pe tag-ul care creaza celula in tabel.
<tr> <span> <td>
<table></tr>
  <td>Cell-1</td><td>Cell-2</td>
</tr></table>
Indicati proprietatea CSS care adauga o imagine pentru fundal
background-color background-image color
h3 {
  background-image: url("image.jpg");
}
Ce instructiune se foloseste la parcugerea elementelor unui Array?
for() [) object()
var arr = [1, "ab", "CoursesWeb.net"];
for(var i=0; i< arr.length; i++) { alert(arr[i]); };
Indicati functia PHP utilizata la parcurgerea elementelor unui Array asociativ.
for() foreach() if()
$arr =["k1"=>"v1", "k2"=>"v2", "k3"=>"v3");
foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }
Care din urmatoarele cuvinte este sinonim cu "gentle" (bland)?
meek good beautiful
He is so kind and meek.
- El este atat de amabil si bland.
Care din urmatoarele cuvinte este sinonim cu "amable" (bland, prietenos)?
hermoso fuerte manso
Tu padre tiene un carácter muy manso.
- Tatal tau are un caracter foarte bland.
Efect zbor avioane

Last accessed pages

  1. Adverbele in limba engleza - Adverbs (33570)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (277865)
  3. Lectia 365 (421)
  4. Coduri pt culori (73854)
  5. Formatare text in pagina html (38555)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1363)
  2. Curs HTML gratuit Tutoriale HTML5 (1359)
  3. Coduri pt culori (973)
  4. Creare si editare pagini HTML (536)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (383)