본문 바로가기

javascript

모자이크 효과를 보여주는 뉴스보드

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

<style type="text/css">

.msgstyle        {
        position:absolute;
        left:-2000px;
}

</STYLE>

<SCRIPT LANGUAGE="JavaScript">

<!-- Beginning of JavaScript -

// 메세지
var message=new Array()
message[0]="노동계, 노동절집회...충돌은 없어 : 민주노총, 한국노총 등 노동계는 "
message[1]="1일 오후 서울 도심에서 각각 대규모 기념 집회를 갖고 도심 거리 행진을 벌였다."
message[2]="병역면제 청탁 2~3명 추가소환 : 박노항 원사 병역비리 사건을 수사중인 검찰과 군 당국은"
message[3]="1일 박 원사가 개입한 병역비리와 관련, 박씨에게 병역면제를 청탁한 관련자 2~3명을 "
message[4]="어느 인터넷 쇼핑몰이 제일 쌀까? : 인터넷 쇼핑몰 이용이 급증하면서 "

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

// 윗쪽, 왼쪽 여백
var message_top=10
var message_left=100

// 메세지 글꼴
var fntsize=3
var fntface="굴림"
var fntcolor="white"

// 배경색상
var backgroundcolor="red"

// 볼드체
fontweight="yes"

// 메세지 박스의 크기
var messagewidth="163"
var messageheight="163"

// 테두리 두께
var borderwidth="2"


// 메세지 상자의 위치
var messagealign="center"
var messagevalign="middle"

// 스피드
var pause=80

// 지연시간
var standstill=3

// 이미지들

var coverimage = new Array()
coverimage[0]="texttranspoint0.gif"
coverimage[1]="texttranspoint1.gif"
coverimage[2]="texttranspoint2.gif"
coverimage[3]="texttranspoint3.gif"
coverimage[4]="texttranspoint4.gif"
coverimage[5]="texttranspoint5.gif"
coverimage[6]="texttranspoint6.gif"
coverimage[7]="texttranspoint7.gif"
coverimage[8]="texttranspoint8.gif"
var covimgpreload=new Array()
for (i=0;i<=coverimage.length-1;i++) {
        covimgpreload[i]=new Image()
        covimgpreload[i].src=coverimage[i]
}
var i_messages=0
var i_loop=0
var thisurl=0
var timer
standstill=standstill*1000
var content
if (fontweight=="yes") {
    fontweight="<b>"
}
else {fontweight=""}

function init() {
    content="<table width='"+messagewidth+"' height='"+messageheight+"' border='"+borderwidth+"'>"
    content+="<tr valign='"+messagevalign+"'><td align='"+messagealign+"' bgcolor='"+backgroundcolor+"'>"
    content+="<font size='"+fntsize+"' face='"+fntface+"'  color='"+fntcolor+"'>"
    content+=fontweight
    content+=message[i_messages]
    content+="</font></td></tr></table>"

    if (document.all) {
        msg.innerHTML=content
            document.all.msg.style.posTop=message_top
        document.all.msg.style.posLeft=message_left
        document.all.cover.style.posTop=message_top
        document.all.cover.style.posLeft=message_left
        dotransition()
    }
        
        if (document.layers) {
        document.msg.document.write(content)
        document.msg.document.close()
            document.msg.top=message_top
        document.msg.left=message_left
        document.cover.top=message_top
        document.cover.left=message_left
        dotransition()
    }
}

function dotransition() {
        if (i_loop<=coverimage.length-1) {  
            if (document.all) {
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop++
            timer= setTimeout("dotransition()",pause)  
        }
        else {
            clearTimeout(timer)
            i_loop--
            timer= setTimeout("undotransition()",standstill)
       }
}

function undotransition() {
        if (i_loop>=0) {  
            if (document.all) {
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop--
            timer= setTimeout("undotransition()",pause)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            i_messages++
            
            if (i_messages>=message.length) {i_messages=0}
                content="<table width='"+messagewidth+"' height='"+messageheight+"' border='"+borderwidth+"'>"
                content+="<tr valign='"+messagevalign+"'><td align='"+messagealign+"' bgcolor='"+backgroundcolor+"'>"
                content+="<font size='"+fntsize+"' face='"+fntface+"'  color='"+fntcolor+"'>"
                content+=fontweight
                content+=message[i_messages]
                content+="</font></td></tr></table>"
                if (document.all) {
                    msg.innerHTML=content
                }
                if (document.layers) {
                    document.msg.document.write(content)
                    document.msg.document.close()
                }
            timer= setTimeout("dotransition()",(4*pause))
        }
}

function gotourl() {
        document.location.href=messageurl[i_messages]
}

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

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

<BODY BGCOLOR="#FFFFFF" onLoad="init()">

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


<DIV ID="msg" class="msgstyle"></DIV>

<DIV ID="cover" class="msgstyle"><a href="javascript:gotourl()"><img width=163 height=163 name="imgcover" src="imgtranspoint0.gif" border="0" target="_blank"></a></DIV>