JAVASCRIPT - Botones animados y enlace typer

Botones animados y enlace typer

Compatibilidad: Ms Internet Explorer, Netscape
Este script genera un botón de formulario que a intervalos de tiempo muy breves cambia el texto y enlace asociado, produciendo un buen efecto dinámico. El adjetivo "typer" se refiere al tipo de visualización del texto que es similar a las máquinas de escribir

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 4
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "HTMLpoint"
urlArr[1] = "http://www.htmlpoint.com"
lineArr[2] = "APPLET JAVA"
urlArr[2] = "http://www.htmlpoint.com/java"
lineArr[3] = "TRUE TYPE FONT"
urlArr[3] = "http://www.htmlpoint.com/font"
lineArr[4] = "Scrivi ad HTMLpoint"
urlArr[4] = "mailto:htmlpoint@clarence.com"
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) { // Next line
		if (lineNo < lineMax) 	{
			lineNo++
		}
		else { 
			lineNo = 1
		}
		lineText = lineArr[lineNo]
		charMax = lineText.length
	}
	if (charNo <= charMax) { // Next char
		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
}
// end hide -->
</SCRIPT>

</HEAD>

</body>
</html>