Texto com efeito elástico

Com este script, pequeno e prático é possível criar um efeito elástico em textos.
Para personalizar você pode alterar as variáveis:
- speed: Controla a velocidade do efeito
- msg: Texto que será utilizado para o efeito
- size: Tamanho da fonte
- color: Cores que o texto pode assumir

<script language="javascript">

//How fast the text will slide
var speed=50

//The Message
var msg="Codigo Fonte"

//The Text Size
var size="4"

//Don't Edit below this line - Except the colors.
var s="0"
var i="0"

function slide(){

var indent=new Array()
indent[1]="0pt"
indent[2]="5pt"
indent[3]="10pt"
indent[4]="15pt"
indent[5]="20pt"
indent[6]="25pt"
indent[7]="30pt"
indent[8]="25pt"
indent[9]="20pt"
indent[10]="15pt"
indent[11]="10pt"
indent[12]="5pt"
indent[13]="0pt"
indent[14]="-5pt"
indent[15]="0pt"
indent[16]="0pt"
indent[17]="0pt"
indent[18]="0pt"
indent[19]="0pt"
indent[20]="0pt"

i=(i==20)?1:++i
//You can Edit the colors
var color=new Array()
color[1]="blue"
color[2]="red"
color[3]="green"

//Don't Edit below this line
s=(s==3)?1:++s

var code="<font size=" + size + " color='" + color[s] + "'>" + msg + "</font>"

document.all.M1.style.letterSpacing=indent[i]
document.all.M1.innerHTML=code

setTimeout("slide()",speed)

}
window.onload=slide
</script>

<div id="M1"></div>

0 comentários: