Curs Javascript

Urmatorul script adauga un efect de schimbare a culorii si marimii caracterelor dintr-un sir, precum puteti observa in exemplul de mai jos.

Textul in care se schimba caracterele

Pentru a adauga acest script intr-o pagina web:
1. In documentul HTML, in locul unde doriti sa aveti acest text cu efect de colorare a caracterelor, adaugati urmatorul cod, (Schimbati textul cu cel a-l dv.)
<div style="font-size:24px; color:#8888fe;" id="second2">Textul in care se schimba caracterele</div>

2. Dupa codul de mai sus adaugati urmatorul script
<script type="Text/JavaScript">
<!--
// Free script

var textul = document.getElementById("second2").innerHTML; // Preia textul din eticheta HTML
var seventeenth = '#fe8888'; // Culoarea care se schimba
var sizec = '6'; // Marimea caracterului colorat
var speed = 150; // Viteza de modificare a caracterelor
var pozitie = 0; // Pozitia in sir
var first2;

// Modificarea caracterelor
function modificaC() {
  fifth2 =' ';
  for (var first2 = 0; first2 < textul.length; first2++) {
    if( first2 == pozitie) {
      fifth2 += '<font color=' + seventeenth + '><font size=' + sizec + '>' + textul.charAt(pozitie) + '</font></font>';
    }
    else {
      fifth2 += textul.charAt(first2);
    }
  }
  document.getElementById("second2").innerHTML = fifth2;(pozitie == textul.length) ? pozitie=0 : pozitie++;
}

// Repeta executia functiei
setInterval('modificaC()', speed);
//-->
</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.
Modificare culoare si marime caractere

Last accessed pages

  1. Coduri si Functii JavaScript (3837)
  2. Variabile si referinte in functii (1781)
  3. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (91497)
  4. Trecut perfect si Trecutul perfect continuu - Past perfect and Continuous (58107)
  5. Gramatica limbii engleze - Prezentare Generala (217576)

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)