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 tag creaza un text ingrosat?
<q> <strong> <em>
<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>
Care din aceste coduri CSS afiseaza textul ingrosat?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Clic pe variabila definita corect in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?
have traveled shall travel had traveled
We have traveled in space.
- Noi am calatorit (deja) in spatiu.
Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?
ir a pintar pintaba pintó
La niña pintaba un arco iris.
- Fetita picta un curcubeu.
Colorare text

Last accessed pages

  1. Teste Trivia Spaniola (1292)
  2. Ghiciti cuvantul (1924)
  3. Programe pentru invatare limba Spaniola (8866)
  4. Expresii uzuale din Limba Spaniola (A-D) (6234)
  5. Expresii uzuale din Limba Spaniola (O-Y) (2688)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1185)
  2. Coduri pt culori (868)
  3. Curs HTML gratuit Tutoriale HTML5 (729)
  4. Cursuri limba engleza gratuite si lectii online (374)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (341)