online: 5; azi: 1042; total: 53048 Webdesign - Scripturi - 22

Modificare culoare sir


Scriptul prezentat aici creaza un efect de modificare a culorii unui sir dupa cum puteti vedea in exemplul de mai jos.
Acest efect este potrivit pentru titlu din pagina.


Pentru a adauga acest script intr-o pagina web, in documentul HTML unde doriti sa apara textul cu acest efect, adaugati codul urmator:
<h2>
<script type="text/javascript">
// Script

var message="Aici adaugati textul dv."    // Schimbati aici cu textul dv
var culoare1="#8888fe" // Culoarea de baza
var culoare2="#fe8888"
var flashspeed=100 // viteza de colorare

// Colorarea sirului
var n=0
if (document.all||document.getElementById) {
  document.write('')
  for (m=0;m<message.length;m++)
    document.write('<span id="colorare'+m+'">'+message.charAt(m)+'</span>')
  document.write('')
}
else
  document.write(message)

function crossref(number) {
  var crossobj=document.all? eval("document.all.colorare"+number) : document.getElementById("colorare"+number)
  return crossobj
}

function neon() {
  // Schimba toate caracterele la culoarea initiala
  if (n==0) {
    for (m=0;m<message.length;m++)
      crossref(m).style.color=culoare1
  }
  crossref(n).style.color=culoare2

  if (n<message.length-1)
    n++
  else {
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",800)
    return
  }
}

function beginneon() {
  if (document.all||document.getElementById)
    flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>