또 다른 전광판 효과

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

<SCRIPT LANGUAGE="JavaScript">

<!-- Beginning of JavaScript -
// Dynamic newsticker with striped transition effect
// by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli

// 여기에 메세지를 추가 하세요
var message=new Array()
message[0]="어서오세요. 최고의 자바스크립트 소스뱅크 입니다"
message[1]="오늘 날씨는 정말 화창하군요"
message[2]="내일은 비오면 안되는데... 꽃놀이 가야되는데.."
message[3]="바람의 나라를 좋아하나요"
message[4]="여기서 마니마니 놀다 가세요"

// 메세지 링크
var messageurl = new Array()
messageurl[0]="http://www.yahoo.com"
messageurl[1]="http://www.altavista.com"
messageurl[2]="http://www.google.com"
messageurl[3]="http://www.lycos.com"
messageurl[4]="http://www.northerlight.com"

// 글자색상 및 글꼴
var fntsize=2
var fntface="굴림"
var fntcolor="white"

// 두께조절 ("yes" or "no")
var fontweight="yes"

// 배경색
var backgroundcolor="red"

// 전광판의 가로/세로
var messagewidth="280"
var messageheight="70"

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

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

// 위쪽여백
var messages_top=30

// 좌측여백
var messages_left=30

// 스피드
var pause=50

// 메세지 정지 시간
var standstill=3

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

<SCRIPT>
// CREDITS:
// Simple Slideshow with striped transition effect by Urs Dudli and Peter Gehrig
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
var coverimage = new Array()
coverimage[0]="stripes0.gif"
coverimage[1]="stripes1.gif"
coverimage[2]="stripes2.gif"
coverimage[3]="stripes3.gif"
coverimage[4]="stripes4.gif"
coverimage[5]="stripes5.gif"
coverimage[6]="stripes6.gif"
coverimage[7]="stripes7.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
var coverwidth
var coverheight
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) {
            document.all.messagebox.style.posTop=messages_top
        document.all.messagebox.style.posLeft=messages_left
        document.all.cover.style.posTop=messages_top
        document.all.cover.style.posLeft=messages_left
                messagebox.innerHTML=content
                coverwidth=messagebox.offsetWidth
                coverheight=messagebox.offsetHeight
                cover.innerHTML="<a href='javascript:gotourl()'><img width="+coverwidth+" height="+coverheight+" name='imgcover' src='"+coverimage[i_loop]+"' border=0></a>"
                
        enlargehearts()
    }
        
        if (document.layers) {
            document.messagebox.top=messages_top
        document.messagebox.left=messages_left
        document.cover.top=messages_top
        document.cover.left=messages_left
                document.messagebox.document.write(content)
                document.messagebox.document.close()
                coverwidth=document.messagebox.document.width
                coverheight=document.messagebox.document.height
                document.cover.document.write("<a href='javascript:gotourl()'><img width="+coverwidth+" height="+coverheight+" name='imgcover' src='"+coverimage[i_loop]+"' border=0></a>")
                document.cover.document.close()
                
        enlargehearts()
    }
}

function enlargehearts() {
        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("enlargehearts()",pause)  
        }
        else {
            clearTimeout(timer)
            i_loop--
            timer= setTimeout("shrinkhearts()",standstill)
       }
}

function shrinkhearts() {
        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("shrinkhearts()",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) {
                    messagebox.innerHTML=content
                }
                if (document.layers) {
                    document.messagebox.document.write(content)
                    document.messagebox.document.close()
                }
            timer= setTimeout("enlargehearts()",(4*pause))
        }
}

function gotourl() {
        document.location.href=messageboxlink[i_messages]
}
window.onload=init
</SCRIPT>

<DIV ID="messagebox" style="position:absolute"> </DIV>
<DIV ID="cover" style="position:absolute"> </DIV>