miércoles, 17 de julio de 2013

Boton animado

Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página. 

<font face="Arial, Helvetica, sans-serif" 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] = "Pauluk Computación" 
urlArr[1] = "http://www.CheNico.com" 
lineArr[2] = "Trucos PC" 
urlArr[2] = "http://www.pauluk.8k.com/trucosprin.htm" 
lineArr[3] = "Noticias Tecnológicas y Actualidad" 
urlArr[3] = "http://www.pauluk.8k.com/noticias.htm" 
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> 

No hay comentarios:

Publicar un comentario