호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
전광판 자바애플릿 태그 2003-10-12 21:04:46, 조회 : 4,688, 추천 : 53

소스를 가져가는 것은 자유이고 소스 설명을 이해하지 않고 그대로 복사해 가는 경우라면 설명의 출처를 http://hobbang.co.kr 이라고 표기해주시구요.. 자신이 이해하고 이 설명을 참고해서 자신의 홈에 올리는 경우라면 출처 안밝혀도 상관 없습니다.. ^^


◆ 소스 실행





◆ HTML 소스


<applet code="ticker.class" codebase="http://home.hanmir.com/~dosims/ex" width="550" height="60" align="middle">
<param name="Text1" value="IN:UPWARD;OUT:XROUTWARD;PAUSE:1000;COLOR:0,253,254;STRING:어서오세요">
<param name="Text2" value="IN:YRINWARD;OUT:YRINWARD;PAUSE:1000;FLASH:500,10,500;COLOR:0,255,0;STRING:환영합니다">
<param name="Text3" value="FONT:굴림,pink,12;STRING:즐겁게 놀다가세요">
</applet>




◆ 소스 설명

이것은 태그로만 되는 것이 아니고 위의 codebase=" "에 지정된 곳에 파일이 있을 때에만 실행이 됩니다.. 태그실행이 안되면 자바애플릿 파일이 없어진 것이니 저한테 알려주세요..
그러면 제가 소스 수정해 놓을께요..
내용이 상당히 복잡해 보이지만 그리 어려운 것은 아닙니다..

<applet code="ticker.class"
 : 자바애플릿파일의 이름입니다..

codebase="http://home.hanmir.com/~dosims/ex" width="550" height="60" align="middle">
 : 자바애플릿파일이 있는 위치를 적고, 가로(width), 세로(height)로 화면에 나타날 전광판의 크기를
   지정해주구요.. 정렬방식을 지정을 해줬네여..

<param name="Text1"
 : 첫번째 파라메타의 지정입니다..
   이름은 Text1, Text2 이렇게 순서대로 지정을 하여야 하는거 같네요..

value="IN:UPWARD;OUT:XROUTWARD;PAUSE:1000;COLOR:0,253,254;STRING:어서오세요">
 : Text1 파라메타의 값(value)를 지정해주는데요.. 나타날 글씨는 STRING: 뒤에 적었네요..
   글씨가 나타날 때에는 IN, 사라질 때에는 OUT을 지정하는데요.. 여기서는 나타날 때 UPWARD로,
   사라질 때에는 XROUTWARD 방식을 지정했습니다.. 
   나타나서 사라지기 전에 잠깐 멈추는 시간을 지정해 주는 건 (PAUSE) 1000으로 지정하면 
   1초가 됩니다.. 1/1000초 단위로 지정하는 것이 4000이면 4초가 되죠..
   UPWARD는 나타나면서 아래에서 위로 올라오라는 것이구요..
   XROUTWARD는 좌우로 바다가 갈라지듯이 사라지라는 것입니다..
   글씨의 색(COLOR)은 RGB 색상으로 표시했는데 태그에서 사용하듯이
   16진수인 #f3e3a6 이런 방식이 아니구 10진수로 0,253,254 로 표시했네요..

<param name="Text2"
 : 두번째 파라메타는 이름이 Text2라고 되어 있죠..

value="IN:YRINWARD;OUT:YRINWARD;PAUSE:1000;FLASH:500,10,500;COLOR:0,255,0;STRING:환영합니다">
 : name이 "Text2"인 것은 이것이 두번째 나타날 글자라는 뜻입니다..
   첫번째 <param> 태그의 문장이 사라진 후 나타날 내용도 역시 STRING: 뒤에 나타나 있죠..
   값(value=" ")은 글씨가 나타날 때(IN)는 위 아래가 갈라지는 것인 YRINWARD를 지정했고,
   글씨가 사질 때(OUT)의 효과는 같은 YRINWARD이지만 적용된 효과는뿅하고 없어지는 것이죠..
   PAUSE는 잠깐 멈춰 있는 시간을 지정하는데 여기서도 시간은 역시 1초(1000)로 했구요..
   FLASH는 깜빡이는 것인데 500으로 지정했으니 0.5초 동안 깜빡이는 것이랍니다..
   색깔은 역시 0, 255, 0으로 RGB 형식으로 지정이 되어 있네요..
   RGB 색에서 G의 색만 255로 많으니까 Green 색으로 글씨가 표시되겠네요..

<param name="Text3"
 : 세번째 파라메타의 이름은 Text3이 이름이네요..

value="FONT:굴림,pink,12;STRING:플리스~~즐겁게 놀다가세요">
 : 이건 Text3이니까 세 번째 나타날 문장을 지정하는 것이죠..
   Text3의 값(value)는 글자 폰트는 "굴림"에 글자의 색은 pink, 글자 크기는 12로 지정을 했네요..
   글씨 나타날 때(IN)와 없어질 때(OUT)의 효과에 대해서는 아무 설명이 안되어 있는데
   설명을 안하면 그냥 마퀴 태그처럼 오른쪽에서 왼쪽으로 흘러가는 효과가 됩니다..

이 전광판에는 그림은 사용 못해요.. 특수문자인 ☆○◇ 이런 것은 사용할 수 있구요..

문장을 더 추가하려면
<param name="Text4" value=" ">
<param name="Text5" value=" ">

처럼 파라메타의 name="Text숫자"를 하나씩 추가하면서 값(value)을 지정해주면 돼요..
위의 예제 소스에서 사용되지 않은 효과는 아래에 추가로 설명합니다..



◆ 소스 추가 설명
--------------------------------------------------------------------
전광판 이미지 색깔만들기....

컴퓨터의 색을 표현하는데는 빨강,연두,파랑 세가지 색의 조합으로 색을 표현합니다.
전광판 코드를 보면 아래와 같은 부분이 있는데

COLOR:0,0,0
 : 처음 0은 빨강의 농도 두번째는 연두 세번째 0은 파랑의 농도입니다.
   세가지 색의 농도가 위엔 0,0,0 이니깐 가장 어두운 검정이 되는 것이죠....
   반대로 255,255,255(최대값은 255입니다)이면 가장 밝은 흰색이 되는 것이죠...
   그럼 중간색들은??예를들자면 노랑은 빨강과 연두를 섞어 만듭니다. "255.255.0"이 노랑색이죠..
   그럼 더 응용해서.... 노랑색만들때 빨간색이 더 진하면 오렌지 색이 되겠죠?
   빨강의 농도를 높이려면 첫번째 코드인 255를 높이거나 아님 다른 색의 농도를 줄이면 되겠죠...
   그런데 최대값이 "255"이니깐 첫번째 코드인 빨강의 농도를 더 이상 진하게 할수는 없습니다.
   그럼 다른색의 농도를 줄이는 방법이 좋겠죠... 빨강이랑 연두랑 섞으면 노랑이었으니깐..
   연두색의 농도를 줄이면 상대적으로 빨강의 농도가 진하게 되니깐 빨강이 되겠죠...
   즉 "255,100,0"으로 설정하면 오렌지색이 나옵니다.
   "255,199,0 으로 하면 좀더 노란빛이 나는 오렌지가 나오겠죠..

그럼 핑크만 더 예를 들어보겠습니다.

핑크는 흰색에 가깝죠... 그럼 하얀색인 "255,255,255" 중에서 빨강이 강조되면 됩니다...

그럼 다른색의 농도를 상대적으로 줄여줍니다.------> "255,200,200" 핑크색이 완성됩니다...



텍스트의 방향설정....

소스를 살펴보시면
IN:UPWARD;OUT:XROUTWARD 이런 부분이 있죠??

그것이 방향을 나타내는 것입니다.

위의 예를 분석해보면...IN의 방향은 UPWARD입니다.

그럼 전광판내에 글자들이 들어올때 위로 움직이면서 들어옵니다...

그럼 아래에서 올라와야 글자가 위로 올라오는것이 되겠죠...

위에서 OUT의 방향은 XROUTWARD이져...
X축... 즉 가로 방향으로 이동하는 건데 양 옆으로 갈라지면서 움직입니다.


이동방향을 정하는 효과

UPWARD
 : IN일때... 아래에서 글자가 올라온다...
   OUT일때... 위로 글자가 올라가며 사라진다.

DOWNWARD
 : IN일때... 위에서 아래로 글자가 내려온다.
   OUT일때... 글자가 아래로 내려가며 사라진다.

LEFTWARD
 : IN일때... 글자가 오른쪽에서 왼쪽으로 흐르며 나타난다.
   OUT일때... 글자가 왼쪽으로 흐르며 사라진다.

RIGHTWARD
 : IN일때... 글자가 왼쪽에서 오른쪽으로 흐르며 나타난다.
   OUT일때... 오른쪽으로 흐르며 사라진다.

XROUTWARD
 : IN일때... 가운데서 양옆으로 글자가 퍼지며 나타난다.
   OUT일때... 글자가 양옆으로 퍼지며 사라진다.

XRINWARD
 : IN일때... 글자가 양옆에서 가운데로 모인다.
   OUT일때... 가운데로 모이며 글자가 사라진다.

YROUTWARD
 : IN일때... 가운데서 글자가 퍼지며 나타난다.
   OUT일때... 위아래로 글자가 퍼지며 사라진다.

YRINWARD
 : IN일때... 위아래에서 글자가 모인다.
   OUT일때... 가운데로 글자가 모이며 사라진다.

이렇구요.... 방향을 지정해주지 않으면... 오른쪽에서 왼쪽으로 흐릅니다.
즉...기본설정은 LEFTWARD이란 말씀....

예를 들어 IN:XROUTWARD;OUT:;이렇게 해놓으면 OUT방향을 지정하지 않은것이 되어서
나타날땐 가운데서 퍼지며 나타나 왼쪽으로 흘러나가는것이 되져....
즉 LEFTWARD는 생략해도 효과는 나옵니다.


그외에 옵션 설정....

FLASH
 : 이건 반짝이는 기능인데....옵션이라고 할수 있죠...
   글이 중앙에 위치한후에 정해놓은 시간차를 두고 반짝입니다.
   FLASH:500,10,500이런 부분이 있져....
   숫자부분을 적절하게 조절해보시면 님들이 원하는 깜박임이 나올겁니다...

PAUSE
 : 멈춤기능입니다. 이것도 옵션인데염... 글이 중간에 오면 지정한 시간만큼 머무릅니다.
   지정하지 않으면 멈추지 않고요... 이것도 FLASH와 같이 숫자부분을 조정하면 됩니다.

SPEED
 : 이건 제가 혼자서 전광판 기능을 연구하던중에 발견했습니다.
   (너무 느리게 움직이는것 같아서... ^^;)
   보통 움직임의 속도는 50이더군여... 그걸 늘리면 더 느리게 작동하구여...
   줄이면 더 빨리 움직입니다.
   예를 들어 SPEED:25하면 여러분이 보통 보시던것 보담은 2배정도 빨리 움직입니다.

FONT
 : 설명안해도 아시겠져??? FONT:TimesRoman,BOLD,14이렇게 써 놓으면
   TimesRoman 굵은 글씨 14포인트가 됩니다...
   이건 쉬운거니깐 적절히 설정하시면 될거예염.. ^^;

 



2022-01-28
13:59:23


  추천하기   목록보기

현재글을 이메일로 보내기

No 제 목 글쓴이 작성일 조회
628   플래시 디지캐럿 시계     10-18 23:25 4160
627   인터넷 익스플로러 제목표시줄의 "Microsoft Internet Explorer" 글자 ...     10-18 18:53 2258
626   네티켓 10원칙     10-18 17:27 1771
625   한글의 우수성     10-18 17:09 2350
624   엔토이 블로그 테마 꾸미기 예제..     10-17 01:56 2785
623   모래 위의 큰 점 (네이트닷컴처럼) 만들기     10-16 13:05 2961
  전광판 자바애플릿 태그     10-12 21:04 4688
621   안철수바이러스연구소의 긴급바이러스 경보 배너 달기     10-11 02:07 1983
620   플래시 일기예보 (한국 일기예보만..)     10-10 20:05 4161
619   플래시 벽시계     10-10 19:46 4759
618   112가지의 만능사전..     10-10 19:01 4094
617   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 2     10-08 06:41 5796
616   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 1     10-08 06:41 4409
615   호빵홈 공지/메모 화면처럼 이쁜 마우스 포인터(커서) 사용하기     10-08 06:10 4341
614   호빵-스노우 플레이어 팝업형을 불러오는 화면만 가면 매번 플레이어가 다시 불려...     10-06 03:30 6444
   [1][2][3][4][5][6][7][8][9] 10 ..[51] [다음 10개]
 
Copyright 1999-2022 Zeroboard / skin by Praise Jesus
Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.