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
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
Colorare text

Last accessed pages

  1. Teste Trivia Engleza (3334)
  2. Verbe frazale din limba Engleza (40618)
  3. Curs PHP MySQL, Tutoriale si Scripturi PHP (129050)
  4. Curs complet de limba engleza, incepatori (14581)
  5. Lectii audio-video de limba engleza (24991)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (486)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (418)
  3. Coduri pt culori (270)
  4. Formatare text in pagina html (160)
  5. Creare si editare pagini HTML (155)