Vyrůstající tlačítko
Tento efektní JavaScript generuje vyrůstající tlačítka s odkazy na internetové stránky.
Kód JavaScriptu
V hlavičce dokumentu
< SCRIPT LANGUAGE="JavaScript">
//author: Jan_P@dds.nl
//modified by L. Fialová
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineArr = new Array('',
'Název první stránky', //Zelený choromyslný ústav
'Název druhé stránky', //Kotelna Hlavního nádraží ČD
'Název třetí stránky', //Primátor hl. m. Prahy
...
'Název poslední stránky') // Já
var urlArr = new Array('',
'WWW adresa 1. stránky', // www.zchu.cz
'WWW adresa 2. stránky', // www.kotelna.cd.cz
'WWW adresa 3. stránky', // www.primator.hlmp.cz
...
'WWW adresa poslední stránky') //www.me.cz
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 < lineArr.length-1)
{
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
}
< /SCRIPT>
V těle dokumentu
< FORM NAME="formDisplay">
< INPUT TYPE="BUTTON" NAME="buttonFace" VALUE="&{lineText}"
SIZE="18" onClick="GotoUrl(urlArr[lineNo])">
< /FORM>
< SCRIPT LANGUAGE="JavaScript">
StartShow();
< /SCRIPT>
Začátek
Další
Předchozí
Zpět