본문 바로가기

javascript

초대형 텍스트 로테이터

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

<style type="text/css">

.textstyle        {
        position:absolute;
        left:-2000px;
    font-size:50pt;
    font-weight:bold;
    line-height:1;
    font-family:굴림;
    color:black;
    background-color:white;
    filter:chroma(color=black;);
}

A,A:visited        {
    color:black;
    text-decoration:none;
}
A:Hover        {
    font-style:italic;
}
.bgdivstyle        {
        position:absolute;
        left:-2000px;
    filter:wave(strength=2,freq=5,phase=5,lightstrength=40);
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

var message=new Array()  // 나타낼 메세지들을 배열에 담는다
message[0]="안녕하세요"
message[1]="만나서 정말 반갑습니다"
message[2]="자스코 어때요?"
message[3]="유익했나요?"
message[4]="HAVE A NiCE DAY!!"

var messageurl=new Array() // 각 메세지들이 링크될 곳
messageurl[0]="http://bizserver.new21.net"
messageurl[1]="http://bizserver.new21.net"
messageurl[2]="http://bizserver.new21.net"
messageurl[3]="http://bizserver.new21.net"
messageurl[4]="http://bizserver.new21.net"

var messagetarget=new Array() // 링크들의 타겟
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
messagetarget[3]="_blank"
messagetarget[4]="_blank"


var messageheight=120 // 메세지박스의 높이
var messagewidth=580  // 메세지 박스의 가로크기
var messagetop=10 // 메세지 박스의 위쪽위치
var messageleft=10 // 메세지 박스의 왼쪽 위치
var stripecolor1="red" // 스트라이프의 색상1
var stripecolor2="black"// 스트라이프의 색상2
var stripenumbers=3 // 스트라이프 갯수
var pause=3000  // 지연시간 1/1000 초
var i_message=0
var timer
var bgcontent=""

function init() {
    if (document.all) {  // IE 에서만 작동 합니다
        bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"
        for (i=0;i<=stripenumbers;i++) {
            bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"
            bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"
        }
        bgcontent+="</table>"
                bgdiv.innerHTML=bgcontent
        text.style.width=messagewidth
        text.style.height=messageheight
            document.all.text.style.posTop=messagetop
        document.all.text.style.posLeft=messageleft
        document.all.bgdiv.style.posTop=messagetop
        document.all.bgdiv.style.posLeft=messageleft
        setInterval("bgdiv.filters.wave.phase+=5",100);
        changemessage()
    }
}

function changemessage() {
    i_message++
    if (i_message>message.length-1) {i_message=0}
        text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"
        var timer=setTimeout("changemessage()", pause)
}

// - End of JavaScript - -->
</SCRIPT>
</HEAD>

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

<BODY BGCOLOR="#FFFFFF" style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="init()">

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

<DIV ID="bgdiv" class="bgdivstyle"></DIV>
<DIV ID="text" class="textstyle" ></DIV>