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 este element de tip bloc?
<div> <img> <span>
<div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()
$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't played
The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contaba
Él no habrá contado el cuento.
- El nu ar fi spus povestea.
Efect flash-border

Last accessed pages

  1. Exercitii engleza - English Tests and exercises - Grammar (34365)
  2. Creare link-uri (7332)
  3. Curs si Tutoriale Ajax (10292)
  4. Ghiciti Cuvantul (1133)
  5. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (31250)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (6747)
  2. Curs HTML gratuit Tutoriale HTML5 (5573)
  3. Curs si Tutoriale JavaScript (4950)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (4826)
  5. Curs CSS Online Tutoriale CSS3 (4663)