본문 바로가기

javascript

타이핑 텍스트 + blink 효과 (All)

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

<Script language="JavaScript">

var someText = "Welcome to my Website!!";        // 텍스트
var aChar;
var aSentence;
var i=0;                                        // 카운터

var colors = new Array("FF0000","FFFF66","FF3399","00FFFF","FF9900","00FF00"); // 색상설정
var aColor;                                        

function loadText()
{
        // 랜덤으로 색상 선택
        aColor = colors[Math.floor(Math.random()*colors.length)];

        aChar = someText.charAt(i);
        if (i == 0)
                aSentence = aChar;
        else
                aSentence += aChar;        

        if (i < 50)        i++;
        
        //  IE 코드
        if (document.all)
        {
                textDiv.innerHTML= "<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i></font>";
                setTimeout("loadText()",100);
        }
                
        // Netscape Navigator 4 코드
        else if (document.layers)
        {
                document.textDiv.document.write("<font color='#"+aColor+"' face='Tahoma'                                                                size='5'><i>"+aSentence+"</i></font>");
                document.textDiv.document.close();
                setTimeout("loadText()",100);
        }
                
        // 다른 브라우저
        else if (document.getElementById)
        {
                document.getElementById("textDiv").innerHTML = "<font color='#"+aColor+"'                         face='Tahoma'size='5'><i>"+aSentence+"</i></font>";
                setTimeout("loadText()",100);
        }
}
</SCRIPT>
</HEAD>

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

<BODY BGCOLOR="#000000" onLoad="loadText()">

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

<div id="textDiv" style="position:absolute; top:0px; left:0px;"></div>