메뉴 건너뛰기

검색창 닫기

전국분동대여

일반 자료실

컴퓨터/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>

이 게시물을
수정 삭제 목록
번호 제목 글쓴이
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
쓰기 태그
위로