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
Clic pe tag-ul HTML care afiseaza o linie orizontala.
<br> <em> <hr>
Continut ...
<hr />
Alt continut sub linie ...
Care proprietate CSS defineste culoarea textului?
font-style font-variant color
h2 {
  color: #cbdafb;
}
Clic pe functia care cauta daca un anume caracter sau text e intr-un sir.
indexOf() toString() split()
var str = "Web courses - http://CoursesWeb.net/";
if(str.indexOf("http://") == -1) alert("http:// nu e in sir");
else alert("http:// e in sir");
Care e functia ce imparte un sir in parti de siruri intr-un array, pe baza unui separator?
array_merge() explode() implode()
$str = "mar,banana,pepene,para";
$arr = explode(",", $str);
var_export($arr);      // array (0=>"mar", 1=>"banana", 2=>"pepene", 3=>"para")
Indicati asocierea corecta: "luna-anotimp".
April - Autumn October - Spring July - Summer
July is a beautiful summer month.
- Iulie este o frumoasa luna de vara.
Indicati asocierea corecta: "luna-anotimp".
Octubre - Primavera Julio - Verano Abril - OtoƱo
Julio es un hermoso mes de verano.
- Iulie este o frumoasa luna de vara.
Efect flash-border

Last accessed pages

  1. Curs HTML gratuit Tutoriale HTML5 (77551)
  2. Prezentul continuu - Exercitii si teste incepatori (15614)
  3. Curs CSS Online Tutoriale CSS3 (38548)
  4. Exercitii engleza - English Tests and exercises - Grammar (43372)
  5. Curs si Tutoriale Ajax (33354)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1151)
  2. Curs HTML gratuit Tutoriale HTML5 (819)
  3. Curs si Tutoriale JavaScript (743)
  4. Curs si Tutoriale Ajax (713)
  5. Curs CSS Online Tutoriale CSS3 (690)