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