메뉴 건너뛰기

전국분동대여

일반 자료실

컴퓨터/IT 메세지를 풍차처럼 보여주는 스크립트

GACHIMOA 2020.07.23 16:02 조회 수 : 290

메세지를 풍차처럼 보여주는 스크립트

 

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->
<script>
<!-- Beginning of JavaScript -
// CREDITS:
// 메세지, 6개만
var message = new Array()
message[0]=" >>>> BE HAPPY"
message[1]=" >>>> DO NOT WORRY"
message[2]=" >>>> MAKE FRIENDS"
message[3]=" >>>> FALL IN LOVE"
message[4]=" >>>> TAKE IT EASY"
message[5]=" >>>> TRY IT AGAIN"
// 풍차의 가로세로
var scrollerheight=120
var scrollerwidth=360
// 글꼴
var font_family="Verdana"
// 글자크기
var font_size=20
// 풍차의 가로세로 위치
var x_textposition=10
var y_textposition=10
function initiate() {
        if (document.all) {        
                document.all.rotationstyle1.style.posLeft=x_textposition
                document.all.rotationstyle1.style.posTop=y_textposition
                
                document.all.rotationstyle2.style.posLeft=x_textposition
                document.all.rotationstyle2.style.posTop=y_textposition
                
                document.all.rotationstyle3.style.posLeft=x_textposition
                document.all.rotationstyle3.style.posTop=y_textposition
                
                document.all.rotationstyle4.style.posLeft=x_textposition
                document.all.rotationstyle4.style.posTop=y_textposition
                
                document.all.rotationstyle5.style.posLeft=x_textposition
                document.all.rotationstyle5.style.posTop=y_textposition
                
                document.all.rotationstyle6.style.posLeft=x_textposition
                document.all.rotationstyle6.style.posTop=y_textposition
                
                setmessages()
                }
}
function setmessages() {
                rotationstyle1.innerHTML=
                '<OBJECT ID="rotationobj1" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[0]+'',0, 2, 0)">'+
                '</OBJECT>'                
                
                rotationstyle2.innerHTML=
                '<OBJECT ID="rotationobj2" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[1]+'',0, 2, 0)">'+
                '</OBJECT>'        
                
                rotationstyle3.innerHTML=
                '<OBJECT ID="rotationobj3" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[2]+'',0, 2, 0)">'+
                '</OBJECT>'        
                
                rotationstyle4.innerHTML=
                '<OBJECT ID="rotationobj4" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[3]+'',0, 2, 0)">'+
                '</OBJECT>'        
                
                rotationstyle5.innerHTML=
                '<OBJECT ID="rotationobj5" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[4]+'',0, 2, 0)">'+
                '</OBJECT>'        
                
                rotationstyle6.innerHTML=
                '<OBJECT ID="rotationobj6" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
                '<PARAM NAME="Line0003" VALUE="SetFillColor(255,255,0)">'+
                '<PARAM NAME="Line0004" VALUE="SetFont(''+font_family+'', '+font_size+', 400, 0, 0, 0)">'+
                '<PARAM NAME="Line0005" VALUE="Text(''+message[5]+'',0, 2, 0)">'+
                '</OBJECT>'        
                
                rotationobj1.Rotate(0,0,0)
                rotationobj2.Rotate(0,60,0)
                rotationobj3.Rotate(0,120,0)
                rotationobj4.Rotate(0,180,0)
                rotationobj5.Rotate(0,240,0)
                rotationobj6.Rotate(0,300,0)
                
                startscroll()
}
function startscroll() {
        rotationobj1.Rotate(1,2,0)
                rotationobj2.Rotate(1,2,0)
                rotationobj3.Rotate(1,2,0)
                rotationobj4.Rotate(1,2,0)
                rotationobj5.Rotate(1,2,0)
                rotationobj6.Rotate(1,2,0)
                timer=setTimeout("startscroll()",20)
}

// - End of JavaScript - -->
</script>
</HEAD>
<!--2. <BODY> 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->
<BODY BGCOLOR="#FFFFFF" onLoad="initiate()">

<!--3. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
 
<SPAN ID="rotationstyle1" STYLE="position:absolute">
<OBJECT ID="rotationobj1" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>
<SPAN ID="rotationstyle2" STYLE="position:absolute">
<OBJECT ID="rotationobj2" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>
<SPAN ID="rotationstyle3" STYLE="position:absolute">
<OBJECT ID="rotationobj3" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>
<SPAN ID="rotationstyle4" STYLE="position:absolute">
<OBJECT ID="rotationobj4" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>
<SPAN ID="rotationstyle5" STYLE="position:absolute">
<OBJECT ID="rotationobj5" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>
<SPAN ID="rotationstyle6" STYLE="position:absolute">
<OBJECT ID="rotationobj6" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
</OBJECT>
</SPAN>

번호 제목 글쓴이
3421 심장 건강에 좋은 습관 8가지 [1] 뉴퐁
3420 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] 뉴퐁
3419 스트레스를 줄이는 놀라운 방법 6가지 [2] 싹쓰리
3418 여성이 팬티에 대해 알아야 할 7가지 [3] 싹쓰리
3417 끓였던 물을 또 끓이면 안 되는 이유 [1] 싹쓰리
3416 "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] 쌍둥이맘
3415 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] 나혼자번다
3414 열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업) [1] file 나혼자번다
3413 전자렌지요리 만능 레시피 대공개!! [3] 나혼자번다
3412 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] 쌍둥이맘
3411 마시고 남은 김빠진 맥주 활용법 [2] 쌍둥이맘
3410 계란을 먹은 후 절대 바로 먹으면 안되는 것들 쌍둥이맘
3409 아주 유용한 커피상식 쌍둥이맘
3408 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] 싹쓰리
3407 골다공증 예방과 뼈에 아주 좋은 음식 8가지 싹쓰리
3406 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! 싹쓰리
3405 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] 싹쓰리
3404 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] 싹쓰리
3403 머리카락이나 두피를 상하게 하는 사소한 습관 5 라이믹스
3402 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 라이믹스
위로