Modificare culoare si marime caractere

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>

<input type="date" name="set_date" value="2012-10-15" />

h2 {
  text-shadow: 2px 3px 3px #a0a1fe;
}

var pags = ["lectii", "cursuri"];
pags.push("download", "tutoriale");
alert(pags[2]);            // download

$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
ksort($lang);
var_export($lang);     // array ("site"=>"coursesweb.net", 10=>"PHP", 20=>"JavaScript")

He is bigger than his sister.
- El este mai mare decat sora lui.

Él es más grande que su hermana.
- El este mai mare decat sora lui.