풍차 모양으로 돌아 가는 글씨

2016. 6. 2. 01:27

안개핑 Javascript

<head>
<script>
<!-- Beginning of JavaScript -

// 로테이션 시킬 문구를 설정해 준다
var message = new Array()
message[0]="안녕하세요 !!!"
message[1]="세실리아 홈입니다"
message[2]="어떻게 알고 오셨나요."
message[3]="찾아주셔서 감사합니다"
message[4]="즐거운 시간이 되세요!!."
message[5]="멋진 소스죠?"
message[6]="하얀별 홈으로 가보세요"
message[7]="열심히 배우고 있어요^^*!"
//필요한 만큼 추가..........

// 텍스트 회전 범위(pixels). -->> 글자길이에 따라 조절하세요
var scrollerheight=200 // 높이
var scrollerwidth=700 // 넓이

// 글꼴
var font_family="굴림"

// 아래에 텍스트를 로테이션 시킬 포지션을 지정해 준다
var x_textposition=200 // 가로(왼쪽에서 오른쪽으로 떨어지는 거리값)
var y_textposition=150 // 세로(상단에서 아래쪽으로 떨어지는 거리값)

// Do not edit the variables below
var i_message=0
var i_loop=0
var max_loop=48
var timer
y_textposition=y_textposition-Math.floor(scrollerheight/1.5)+10
x_textposition=x_textposition-Math.floor(scrollerwidth/3)

function initiate() {
if (document.all) {
  document.all.rotationstyle.style.posLeft=x_textposition
  document.all.rotationstyle.style.posTop=y_textposition
        changemessage()
}
}

function changemessage() {
  do_rotate="yes"
  rotationstyle.innerHTML=
  '<OBJECT ID="rotationobj" 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(255,215,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor(255,215,0)">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+5+', 400, 50, 50, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[i_message]+'\', 0, 0, 0)">'+
'</OBJECT>'
startscroll()
}

function startscroll() {
if (i_loop < max_loop) {
        rotationobj.Rotate(0,0,-30)
  rotationobj.Scale(1.04,1.04,1.04)
  i_loop++
  timer=setTimeout("startscroll()",50)
}
   else {
        i_message++
  i_loop=0
        if (i_message>=message.length) {i_message=0}
  timer=setTimeout("changemessage()",2000) // 2000=2초 ; 메세지 교체시간
}
}

// - End of JavaScript - -->
</script>

</HEAD>
<body>
<body bgcolor="#" onLoad="initiate()">

<SPAN ID="rotationstyle" STYLE="position:absolute;">
<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6"></OBJECT>
</SPAN></body>
</html> <center><SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<INPUT TYPE=button NAME="source" value="소스보기" onClick="sourceopen()" style="color:rgb(255,0,102); background-color:white; border-top-color:rgb(255,204,255); border-right-color:rgb(255,204,204); border-bottom-color:rgb(204,204,204); border-left-color:rgb(204,204,204);">
</FORM>
</body><p align="center"><b><span style="font-size:9pt;"><font color="white">http://lia.pe.kr</font></span></b></p>

저작자표시 비영리 변경금지

'Javascript' 카테고리의 다른 글

배경색이 랜덤하게 바뀐다 (0)	2016.06.02
사랑해요~~ (0)	2016.06.02
시 모음 (0)	2016.06.02
버튼 클릭으로 이미지 페이지 넘기기 (0)	2016.06.02
모든 자바스크립트 에러를 나타나지 않게 해 줍니다 (0)	2016.06.02

페이스북
카카오스토리
트위터