본문 바로가기

javascript

랜덤 블렌딩 효과

<script>
<!-- Beginning of JavaScript -

// 메시지 지연시간
var waitabit=2000

// 가리개(?) 개수
var spannumber=20

// 메세지 상자의 테두리
var borderwidth=4

// 메세지 상자의 테두리색
var bordercolor="880000"

// 메세지 상자의 크기
var boardwidth=120
var boardheight=120

// 메세지 상자의 배경색
var bgcolor="FF0000"

// 글꼴설정
var thisfontfamily="굴림"
var thisfontcolor="FFFFFF"
var thisfontsize="11"
var thisfontweight="bold"

// 왼쪽여백
var xscreenmargin=200

// 위쪽여백
var yscreenmargin=20

// 메세지
var message=new Array()
message[0]="노동계, 노동절집회...충돌은 없어 : 민주노총, 한국노총 등 노동계는"
message[1]="노동절을 맞은 1일 오후 서울 도심에서 각각 대규모 기념 집회를 갖고 도심 거리 행진을 벌였다"
message[2]="병역면제 청탁 2~3명 추가소환 : 박노항 원사 병역비리 사건을 수사중인 검찰과 군 당국은."
message[3]="1일 박 원사가 개입한 병역비리와 관련, 박씨에게 병역면제를 청탁한 관련자 2~3명을 추가로 소환, 청탁경위 등을 집중 조사중이다"
message[4]="어느 인터넷 쇼핑몰이 제일 쌀까? : 인터넷 쇼핑몰 이용이 급증하면서 여러 쇼핑몰의 가격을 비교해 한 눈에 볼."
message[5]="Do you call this life?"
message[6]="I'm afraid you are as addicted to JavaScript and DHTML as I am."
message[7]="And I'm afraid there is no cure for this insidious addiction."
message[8]="You are lost, pity you!"


// 커텐색갈들
var col=new Array()
col[0]="111111"
col[1]="222222"
col[2]="333333"
col[3]="444444"
col[4]="555555"
col[5]="666666"
col[6]="777777"
col[7]="888888"
col[8]="999999"
col[9]="AAAAAA"
col[10]="BBBBBB"
col[11]="CCCCCC"
col[12]="DDDDDD"
col[13]="EEEEEE"


// 요기까지만 고치세요
var i_span=0
var i_maxspan=50
var i_message=0
var timer
var rand


function randommaker(range) {                
        rand=Math.ceil(range*Math.random())
    return rand
}

function showimages() {
    if (i_span <= spannumber-1) {
    var thisspan = eval("document.all.span"+i_span+".style")
    thisspan.visibility="VISIBLE"
        thisspan.backgroundColor=col[randommaker(col.length-1)]
    timer=setTimeout("showimages()",20)
    i_span++
    }
    else {
    i_span--
    clearTimeout(timer)

    mesdiv.innerHTML="<span style='position:absolute;top:10px'>"+message[i_message]+"</span>"
    i_message++
    if (i_message>=message.length) {i_message=0}
    timer=setTimeout("hideimages()",20)
    }
}

function hideimages() {
    if (i_span >= 0) {
    var thisspan = eval("document.all.span"+i_span+".style")
    thisspan.visibility="HIDDEN"
    timer=setTimeout("hideimages()",1)
    i_span--
    }
    else {
    clearTimeout(timer)
    i_span=0
    timer=setTimeout("showimages()",waitabit)
    }
}
document.write('<body bgcolor=#FFFFFF>')

document.write("<div id='mesdiv' style='position:absolute;top:"+yscreenmargin+"px;left:"+xscreenmargin+"px; width:"+boardwidth+"px;height:"+boardheight+"px;background-color:"+bgcolor+";overflow:hidden;text-align:center;font-family:"+thisfontfamily+";font-size:"+thisfontsize+";font-weight:"+thisfontweight+";color:"+thisfontcolor+"'></div>")

document.write("<div id='maindiv' style='position:absolute;top:"+(yscreenmargin-borderwidth)+"px;left:"+(xscreenmargin-borderwidth)+"px; width:"+(boardwidth+2*borderwidth)+"px;height:"+(boardheight+borderwidth)+"px;overflow:hidden;border-color:"+bordercolor+";border-style:groove;border-width:"+borderwidth+"px'>")

for (i=0;i<=spannumber;i++) {
        var spanwidth=Math.ceil((boardwidth-borderwidth)/spannumber)
        var spanleft=Math.ceil(i*((boardwidth-borderwidth)/spannumber))
    document.write("<span id='span"+i+"' style='position:absolute;left:"+spanleft+"px;width:"+spanwidth+"px;height:"+(boardheight-borderwidth)+"px;visibility:hidden'>")
    document.write("</span>")
    }
document.write("</div>")

showimages()

/* document.write("<div style='position:absolute;top:180px;left:200px; width:120px;overflow:hidden;text-align:center;font-family:굴림;font-size:12;color:660000'><a href='http://www.jasko.co.kr' target='_blank' style=' color:660000;text-decoration:none'>Java Script Source</A></div>")
*/
// - End of JavaScript - -->
</script>