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>

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

#id {
  overflow: auto;
}

document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}

if(isset($_GET["id"])) {
  echo $_GET["id"];
}

Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.

Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.