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
Ce tag HTML5 este indicat sa contina meniul cu link-uri de navigare in site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Ce proprietate CSS muta elementrul in dreapta sau stanga de la locul unde e?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Clic pe metoda obiectului Math care rotunjeste numarul x descrescator la cel mai apropiat intreg.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicati functia PHP care returneaza numarul de caractere dintr-un sir.
mb_strlen() count() stristr()
$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29
Clic pe raspunsul potrivit la intrebarea: "When it happened?".
On the 7th of July 1996 It is a quarter to 5. Nice weather.
When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Indicati raspunsul potrivit la intrebarea: "¿Cuando sucedió?".
Hace buen tiempo. En el 8 de Agosto de 2001 Son las tres menos cuarto.
¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Efect zbor avioane

Last accessed pages

  1. Curs CSS Online Tutoriale CSS3 (4434)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (39931)
  3. Prezentul simplu si continuu - Present Tense Simple and Continuous (52156)
  4. Poezii pentru copii, in engleza (8573)
  5. Lucrul cu stiluri CSS (2771)

Popular pages this month

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (3122)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2511)
  3. Gramatica limbii engleze - Prezentare Generala (2356)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (1960)
  5. Trecutul simplu si continuu - Past Tense Simple and Continuous (1609)