Curs Javascript

Urmatorul script adauga un efect de flash-border obiectelor din pagina HTML (poate fi folosit pentru imagini, cadre <div> sau alte elemente HTML).
Mai jos puteti vedea efectul pentru o imagine si un cadru b<div>.



Eticheta DIV

Pentru a adauga acest script intr-o pagina web:
1. Introduceti in sectiunea HEAD a documentul HTML, urmatorul cod CSS (acesta stabileste marginea initiala peste care va fi aplicat efectul de flash-border):
<style type="text/css">
<!--
.flashgr {
  border:4px solid #abcdef;
}
-->
</style>

2. Daca folositi efectul pentru imagine si pentru DIV, acestea trebuie sa aibe urmatoarea forma
<img src="imgs/img1.jpg" id="flash0" class="flashgr"><br><br>

<div id="flash1" class="flashgr" style="width:250px; height:100px;">Eticheta DIV</div>
- Daca doriti sa folositi acest efect pentru mai multe elemente din pagina, tineti cont de urmatoarele doua lucruri:
3. La sfarsitul documentului HTML, inainte de </body> adaugati urmatorul script
<script type="text/javascript">
<!--
// https://marplo.net
// Scriptul trebuie adaugat la sfarsit, deasupra lui /BODY

// Aici setati culoare pt. flash
var flashcolor="#fe3333"
// setati viteza de flash (mai mic mai repede)
var speed=150

// Matricele pentru fiecare margine si obiect
var margine=new Array()
var increment=0
var flashobj=new Array()

// Adauga efectul fiecarei margini si obiect
// Parcurgand matricele
if (document.all||document.getElementById) {
  while (document.getElementById("flash"+increment)!=null) {
    flashobj[increment]=document.getElementById? document.getElementById("flash"+increment).style : eval("document.all.flash"+increment+".style")
    margine[increment]=0;
    increment++
  }
}

// Seteaza flash-ul pt. fiecare margine
function flash(obj) {
  if (margine[obj]==1) {
    flashobj[obj].borderLeftColor=flashcolor
    flashobj[obj].borderBottomColor=flashobj[obj].borderRightColor
  }
  else if (margine[obj]==2) {
    flashobj[obj].borderTopColor=flashcolor
    flashobj[obj].borderLeftColor=flashobj[obj].borderBottomColor
  }
  else if (margine[obj]==3) {
    flashobj[obj].borderRightColor=flashcolor
    flashobj[obj].borderTopColor=flashobj[obj].borderLeftColor
  }
  else if (margine[obj]==4) {
    flashobj[obj].borderBottomColor=flashcolor
    flashobj[obj].borderRightColor=flashobj[obj].borderTopColor
  }

if (margine[obj]<=3)
  margine[obj]++
else
  margine[obj]=1
}

// Schimba flash-ul pe cate o margine, successiv
if (document.all||document.getElementById) {
  for (z=0;z<flashobj.length;z++) {
    var temp='setInterval("flash('+z+')",'+speed+')'
    eval(temp)
  }
}
//-->
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag adauga rand nou in paragraf?
<b> <br> <p>
Prima linie ...<br>
Alta linie...
Ce proprietate CSS seteaza spatiu dintre litere?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
Ce functie obtine accesul la un element HTML cu un anumit ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Clic pe instructiunea "echo" utilizata corect.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Adresa URL: http://CoursesWeb.net";
Care din urmatoarele expresii cu "paint" (a picta) se foloseste pentru forma Negativa?
will paint not paint have painted
She does not paint that landscape.
- Ea nu picteaza acel peisaj.
Care din urmatoarele expresii cu "cantar" (a canta) se foloseste pentru propozitie Negativa?
ir a cantar cantaba no cantar
Ella no canta esa canción.
- Ea nu canta acel cantec.
Efect flash-border

Last accessed pages

  1. Scena Panouri si instrumente de lucru in Flash (213)
  2. Principalele ferestre de lucru in Adobe Flash CS5 (365)
  3. Trecutul nedefinit 8 (265)
  4. Utilizare Gradient (921)
  5. Confusable words - Cuvinte confundabile (6360)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1164)
  2. Coduri pt culori (863)
  3. Curs HTML gratuit Tutoriale HTML5 (724)
  4. Cursuri limba engleza gratuite si lectii online (366)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (336)