Ejemplos en Javascript

Botones animados y enlace typer

<HTML>
<HEAD>

<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] = "Mis Algoritmos"
urlArr[1] = "http://www.myalgorihm.com"
lineArr[2] = "algodones"
urlArr[2] = "http://www.myalgorithm.com/java"
lineArr[3] = "TRUE TYPE FONT"
urlArr[3] = "http://www.myalgorithm.com/font"
lineArr[4] = "Wooooolas"
urlArr[4] = "mailto:yo@tucorreo.wooolas"
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 bgcolor="white" onLoad="StartShow()" onUnload"StopShow()">


<FORM name="formDisplay">
<INPUT TYPE="button" NAME="buttonFace" VALUE="&{lineText};" onClick="GotoUrl(urlArr[lineNo])" WIDTH=340></INPUT>
</FORM>

</body>
</html>

Botones