online: 9; azi: 805; total: 52811 Webdesign - Scripturi - 23

Modificare culoare si marime caractere


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>