본문 바로가기

javascript

버튼 하나에 여러가지 링크를 걸자

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<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] = "자스코에 가시려면 지금 누르세요"
urlArr[1] = "http://www.bizserver.new21.net"
lineArr[2] = "이메일을 확인 하고 싶으시다구요? 그럼, 클릭하세요"
urlArr[2] = "http://www.daum.net"
lineArr[3] = "오늘 뉴스가 궁금하시면..조선일보로.."
urlArr[3] = "http://www.chosun.com"
lineArr[4] = "흠.. 하다가 궁금하신게 있으면 메일 주세요"
urlArr[4] = "mailto:babo@babo.com?subject=테스트 입니다"
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>

<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF" onLoad="StartShow()" onUnload"StopShow()">

<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->


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