Curs Javascript

Urmatorul script adauga un efect de schimbare a culorii unui sir, precum puteti observa in exemplul de mai jos

Text care-si schimba culoarea

Pentru a adauga acest script intr-o pagina web:
1. In documentul HTML, in locul unde doriti sa aveti acest text colorat, adaugati urmatorul cod, (Schimbati textul cu cel a-l dv.)
<b><span id="highlight" style="font-size:20px"> Text care-si schimba culoarea </span></b>

2. Dupa codul de mai sus adaugati urmatorul script
<script type="text/javascript">
<!--
// https://marplo.net

var text=document.getElementById("highlight"); // Preia textul din eticheta HTML
var speed=80 // vieza de modificare a culorii

var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight

// Matricea cu valorile hex pt. culori
var hex=new Array("01","16","28","4C","55","68","78","8C","A1","B4","C8","DC","F1")
var r=1
var g=1
var b=1
var seq=1

// Adauga culoarea textului
function addcolor() {
  rainbow="#"+hex[r]+hex[g]+hex[b]
  storetext.style.color=rainbow
}

// Schimba culoarea
function chcolor() {
  if (seq==6) {
    b--
    if (b==0)
      seq=1
  }
  if (seq==5) {
    r++
    if (r==12)
      seq=6
  }
  if (seq==4) {
    g--
    if (g==0)
      seq=5
  }
  if (seq==3) {
    b++
    if (b==12)
      seq=4
  }
  if (seq==2) {
    r--
    if (r==0)
      seq=3
  }
  if (seq==1) {
    g++
    if (g==12)
      seq=2
  }
  addcolor()
}

// Executa functia pt. schimbarea culori la interval setat de viteza
function starteffect() {
  flash=setInterval("chcolor()",speed)
}
starteffect()
//-->
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care meta tag se foloseste pentru scurta descriere a paginii?
<meta content="..."> <meta description="..."> <meta http-equiv="...">
<meta name="description" content="70-160 caractere ce descriu continutul paginii" />
Ce proprietate CSS opreste efectul dat de "float"?
clear text-align position
#some_id {
  clear: both;
}
Clic pe metoda ce creaza un array cu toate elementele din pagina cu un anumit nume de tag.
getElementsByName() getElementById() getElementsByTagName()
var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);
Indicati functia PHP ce returneaza numarul de elemente dintr-un array.
is_[) count() strlen()
$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "I live (happy)".
happly happily hapily
I live happily.
- Traiesc fericit (in mod fericit).
Indicati adverbul corespunzator adjectivului din paranteza in propozitia: "Vivo (feliz)".
felizamente felizmente felices
Vivo felizmente.
- Traiesc fericit (cu fericire).
Colorare text

Last accessed pages

  1. Lectii audio-video de limba engleza, animate (4352)
  2. Pronume - Exercitii si teste engleza incepatori (9641)
  3. Gramatica limbii engleze - Prezentare Generala (162515)
  4. Verbe modale - SHALL, SHOULD, OUGHT TO, WILL, WOULD, USED TO, BE TO, DARE (24055)
  5. PHP MySQL - INSERT INTO (1208)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2093)
  2. Curs HTML gratuit Tutoriale HTML5 (1792)
  3. Curs PHP MySQL, Tutoriale si Scripturi PHP (1364)
  4. Curs si Tutoriale JavaScript (1343)
  5. Curs CSS Online Tutoriale CSS3 (1231)