online: 2; azi: 1138; total: 53144 Webdesign - Scripturi - 21

Colorare text


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">
<!--
// http://www.discant.ro

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>