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 afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Efect zbor avioane

Last accessed pages

  1. Trecutul simplu - Exercitii si teste incepatori (9637)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (77713)
  3. Constante si tipuri de variabile (1417)
  4. Curs HTML gratuit Tutoriale HTML5 (44196)
  5. Curs si Tutoriale Ajax (8937)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4468)
  2. Curs HTML gratuit Tutoriale HTML5 (3702)
  3. Curs si Tutoriale JavaScript (3402)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3275)
  5. Curs CSS Online Tutoriale CSS3 (3189)