태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

특이한 글자애니메이션

16년 전

<html>
<head>
<meta http-equiv=Content-Type content='text/html;charset=korean'>
<meta http-equiv=Cache-Control content=No-Cache>
<meta http-equiv=Pragma content=No-Cache>
<title>뉴스티커</title>
<style>
.alimi                {color:#000000; font-size:12px; letter-spacing:0em}
.alimi:link                 {color:#000000; font-size:12px; text-decoration:none}
.alimi:visited        {color:#000000; font-size:12px; text-decoration:none}
.alimi:active         {color:#000000; font-size:12px; text-decoration:none}
.alimi:hover         {color:#000000; font-size:12px; text-decoration:underline}
.alimit                {color:#000000; font-size:12px; font-weight:bold}
</style>

<script language="JavaScript" type="text/javascript">

// 메세지
var message=new Array()
message[0]="안녕하세요."
message[1]="이거 처음 보는데 신기 하지 않나요?"
message[2]="저두 신기해 하고 있음 ㅡㅡ"
message[3]="링크는 되려나"

// 메세지 링크
var messageurl=new Array()
messageurl[0]="http://musictrot.com"
messageurl[1]="http://musictrot.com"
messageurl[2]="http://musictrot.com"
messageurl[3]="http://musictrot.com"

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

</script>
<script language='JavaScript' type='text/javascript' >

// 글자크기
var fntsize=11

// 글자 색
var fntcolor="#6600ff"

// 글자 모양
var fntfamily="Verdana"

// 글자 두께 (1,0)
var fntweight=0

// 지연시간
var pause=3

// 왼쪽 여백
var posleft=0

// 위쪽 여백
var postop=0

var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=5
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function initiate() {
    gettextcontent()
    if (document.all) {
                wavemessage.innerHTML=textcontent
                wavemessagebg.innerHTML=bgcontent
                wavemessagebg.style.posLeft=posleft
                wavemessagebg.style.posTop=postop
                enlargewave()
    }
    if (document.layers) {
                document.wavemessagebg.document.write(bgcontent)
        document.wavemessagebg.document.close()
                document.wavemessagebg.left=posleft
                document.wavemessagebg.top=postop
        changemessage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
            wavemessage.filters.wave.phase=i_stepwave
            wavemessage.filters.wave.strength=i_stepwave
        wavemessage.filters.wave.lightstrength=i_stepwave
            wavemessage.filters.wave.freq=i_stepwave
        i_stepwave++
            var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changemessage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
            wavemessage.filters.wave.phase=i_stepwave
            wavemessage.filters.wave.strength=i_stepwave
            wavemessage.filters.wave.lightstrength=i_stepwave
            wavemessage.filters.wave.freq=i_stepwave
        i_stepwave--
            var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changemessage() {
    i_message++
    if (i_message>=message.length) {i_message=0}
    gettextcontent()

    if (document.all) {
        wavemessage.innerHTML=textcontent
        reducewave()
    }

    if (document.layers) {
        document.wavemessage.document.write(textcontent)
        document.wavemessage.document.close()
        var timer=setTimeout("changemessage()",pause)
    }

}

function gettextcontent() {
        textcontent="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+" class='alimi'>"
        textcontent+=message[i_message]+"</a>"
}

</script>

</head>
<body STYLE='background-color:transparent' bgcolor='#FFFFFF' onload='initiate();'>
<DIV ID="wavemessagebg" style="position:absolute;"></DIV>
<DIV ID="wavemessage" style="position:absolute; filter:wave()"></DIV>
</body>
</html>

추천 목록

번호	제목
24	HTML 풍선 도움말에서 설명 줄 바꾸는 방법
23	flash player 버젼업되면서 getURL안되는 문제 1
22	브라우저 시작페이지를 지정하는 스크립트
21	go Top, go Bottom 버튼 만들기
20	바운스되면서 따라다니는 Floating Menu
19	버튼을 클릭하면 노트패드를 실행합니다..
18	MARQUEE 태그
17	text-overflow
16	textarea 텍스트 입력창에 넓이값에 자동으로 반응하는 팁
15	박스안의 글이 상하좌우..원하는 방향으로..
	특이한 글자애니메이션
13	링크에 마우스를 올리면 반짝이는 효과를
12	PHP에서 페이지 이동
11	클릭해도 움직이지 않는 href="#" 보다 강력한것
10	팝업 생성기 2
9	링크 스타일 생성기
8	context menu - 팝업 레이어
7	부드럽게 슬라이딩 되면서 펼쳐지는 메뉴구성
6	document.write문에 </script> 를 삽입했을때 에러 발생시...
5	onClick 이벤트에 return 문에 사용 및 차이점
4	레이어 사용시 Select객체에 가려지는 문제에 대한 해결책
3	플래쉬 효과나는 신비 메뉴
2	타 사이트의 프레임으로 문서가 들어가지 못하게
1	로딩시 화면이 번쩍이는 효과