Boton Animado

Es un script que genera un botón animado con diferentes enlaces.



El botón se va formando conforme al tiempo y la velocidad. Eso si, de uno por uno.

El código es el siguiente:

<font face="Arial" size="2"> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Primer enlace" urlArr[1] = "Direccion de la pagina" lineArr[2] = "Segundo enlace" urlArr[2] = "Direccion de la pagina" lineArr[3] = "Tercer enlace" urlArr[3] = "Direccion de la pagina" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name="formDisplay">"); document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">"); document.write("</form>"); StartShow(); </script></font>

Para poder configurarlo, solo tiene que editar los siguientes partes de codigos:

Face=”arial”

(es el tipo de letra)

size="2"

(es el tamaño de letra)

("ShowLine()", 3000)

(es el tiempo en que aparecen los enlace)

("ShowLine()", 100)

(es la velocidad en que aparecen los enlaces)

Tambien como ven, tiene tres enlaces.
Para colocar un cuarto solo tiene que configurar:

var lineMax = 3

por 4

Copiar esta parte del codigo:

lineArr[3] = "Tercer enlace" urlArr[3] = "Direccion de la pagina"

Y pegarlo abajo de el mismo para crear el cuarto enlace:

lineArr[4] = "Cuarto enlace" urlArr[4] = "Direccion de la pagina"

Y asi, sucesivamente.

---

Entradas Relacionadas

►Boton para Expandir y Contraer

---