컴퓨터/IT 모자이크 효과를 보여주는 뉴스보드

GACHIMOA 2020.07.23 16:07 조회 수 : 657

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

<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.gachimoa.com"
messageurl[1]="http://www.gachimoa.com"
messageurl[2]="http://www.gachimoa.com"
messageurl[3]="http://www.gachimoa.com"
messageurl[4]="http://www.gachimoa.com"
// 윗쪽, 왼쪽 여백
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>

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

이 게시물을

수정 삭제 목록

번호	제목	글쓴이
259	로딩바 만들기	GACHIMOA
258	로테이트 되는 텍스트 배너 만들기	GACHIMOA
257	glow 필터를 이용한 텍스트 글로우 효과	GACHIMOA
256	writingMode 의 스타일을 사용하여 텍스트를 가로 혹은 세로로 보여줍니다	GACHIMOA
255	메세지들을 타이핑하듯 멋지게 애니메이션 시킨 후 다른 페이지로 이동시킵니다	GACHIMOA
254	여러군데 흩어졌다가 차례대로 정열되는 텍스트 메세지들	GACHIMOA
253	예쁘게 스크롤 되는 풍선 도움말(툴팁) 스크립트	GACHIMOA
252	마우스를 대면 메뉴 텍스트가 선명해 집니다	GACHIMOA
251	인트로 페이지에 사용하면 좋은 텍스트 스크롤 효과	GACHIMOA
250	3가지 색상을 지정할 수 있는 네온텍스트 스크롤 효과	GACHIMOA
249	메뉴항목에 마우스를 대면 체크박스에 체크됩니다	GACHIMOA
248	글자에 네온효과를 주며 덮어 씁니다	GACHIMOA
247	문장을 거꾸로 보여줍니다	GACHIMOA
246	점점 커지는 언덕모양을 보여주는 텍스트 스크립트 입니다	GACHIMOA
245	텍스트 인삿말이 왼쪽에서 날아와 안착합니다	GACHIMOA
244	링크 텍스트에 부드럽게 바뀌는 롤오버 텍스트 효과를 보여줍니다	GACHIMOA
243	링크 텍스트에 마우스를 대면 페이드 효과를 보여줍니다	GACHIMOA
242	이미지 버튼에 마우스를 대면 커지는 효과를 보여줍니다	GACHIMOA
241	텍스트의 테두리가 반짝입니다	GACHIMOA
240	테이블에도 롤오버 효과를 줍니다	GACHIMOA

쓰기 태그

첫 페이지 1 2 3 4 5 6 7 8 9 10 끝 페이지

일반 자료실

컴퓨터/IT 모자이크 효과를 보여주는 뉴스보드

댓글 0