오궁 가족들이 쓴 글들을 모아둔 곳입니다.

 로그인

태그 강좌(6) - 마퀴 태그
BOF   2005-01-17 18:41:42, 조회 : 1,255, 추천 : 88

이번엔 마퀴 태그(marguee tag)에 관해 알아 보겠습니다.

이번엔 마퀴 태그(marguee tag)에 관해 알아 보겠습니다.

여러분 웹서핑을 하다보면 글씨가 움직이는 것을 보신 적 있죠?
그것이 바로 마퀴 태그입니다.

마퀴 태그의 기본 형식은 내용입니다. 그렇게 하면로 감싸놓은 가운데 내용이 저절로 움직이죠.

한 번 볼까요?

필우 동호회 게시판
필우 동호회 게시판

위와같이 글씨가 오른쪽 끝에서부터 나와서 왼쪽으로 움직이죠?
네 이것이 마퀴입니다. 신기하죠?
마퀴의 기본값은 left입니다. 아무 조건을 붙이지 않으면 오른쪽에서 왼쪽으로 움직이지만, 그 조건식을 어떻게 달아주느냐에 따라 여러 가지 형태로 변형이 가능하답니다.

자 그러면 마퀴에서 사용되는 조건들은 어떤 것이 있는지 한 번 볼까요?

1) direction

움직이는 방향을 지정해 줍니다. 기본값은 왼쪽입니다.
즉 아무 말도 없으면 글씨가 화면의 오른쪽 끝에서 나와서 왼쪽으로 이동하게 됩니다.
여기에 사용할 단어는 'right', 'left', 'up', 'down' 이렇게 네가지입니다.

한 번 볼까요?

이건 왼쪽이네요^^
이건 왼쪽이네요^^

 

이건 오른쪽이구여^^
이건 오른쪽이구여^^

 

요번에는 위로?

요번에는 위로?

다운이당ㅡㅡ+

다운이당ㅡㅡ+

2) scrollamount

움직이는 속도를 지정합니다. 숫자가 커질수록 빨라집니다.

속도에 따라 어떻게 달라지는지 한 번 볼까요?

__@/``

__@/``

속도를 1로 하면 속도가 무지 느려집니다. 마치 달팽이가 기어가는 모습같이 보입니다

 

달팽아 난 절라 빠르쥥??

달팽아 난 절라 빠르쥥??

속도를 30정도로 증가시키면 많이 빨라집니다.

 

반짝반짝!!

반짝반짝!!
속도를 더 증가시켜서 300정도 하면 너무 빨라서 반짝이는 것 처럼 보입니다.

3) behavior="alternate"

좌우,상하를 왕복하며 움직입니다.
기본적으로는 좌우 왕복이지만 방향을 up또는 down으로 해주면 상하로 움직입니다.

한 번 볼까요?

글자가 좌우로 왕복*^^*

글자가 좌우로 왕복*^^*

글자가 좌우로 왕복하지요? 여기에 방향을 left, 또는 right로 지정해 줄 수 있습니다.
left를 지정한 경우는 아무 것도 안 한 것과 비슷한데, 오른쪽에서 시작해서 왼쪽으로 움직이구요, right로 한 경우는 왼쪽에서 시작해서 오른쪽으로 움직이면서 왕복합니다.

글자가 상하로 왕복!!!
글자가 상하로 왕복!!!

up, down은 모두 글자가 상하로 왕복합니다.
그러나 up인 경우는 처음 시작이 아래에서 위로, down인 경우는 처음 시작이 위에서 아래인 것이 다릅니다.

4) loop

반복하는 횟수를 지정합니다.
아무것도 하지 않으면 지정된 움직임을 계속 반복합니다.
그러나 loop="3"이라고 적으면 세 번만 반복합니다.

loop가 없으면 계속 움직입니다.
loop가 없으면 계속 움직입니다.

loop="3"이면 세 번만 움직임을 반복합니다.
loop="3"이면 세 번만 움직임을 반복합니다.

여러분은 바로 위의 결과를 보지 못할 가능성이 많습니다.
위에서 글을 읽어 내려오는 동안 이미 세 번 반복을 했을 경우 바로 위에는 아무 것도 없는 텅 빈 공간으로 나올 것입니다.
만약 결과를 보고 싶으시면 이 글에서 빠져 나간 뒤 다시 한 번 선택해서 재빨리 밑으로 내려와서 이 위치로 와 보십시오.
그러면 세 번 반복된 뒤 아무것도 나오지 않는 것을 보실 수 있을 것입니다.

5) width, height
마퀴가 실행되는 폭과 높이를 지정해 줄 수 있습니다.
움직이는 공간의 크기를 픽셀 단위를 지정해 주는 것인데요, 숫자가 커지면 실행되는 폭과 높이가 커지게 됩니다.

한 번 볼까요?

필우V 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

필우V 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우V 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

필우 동호회 게시판
필우 동호회 게시판

이해가 가시쥬?

위의 내용들을 다시 한 번 정리해 보면 아래와 같습니다.
기본속성들 설명
scrollamount 빠르기지정. : 숫자가 커질수록 속도가 빨라집니다.
direction 방향설정(left,right,up,down) : 움직이는 방향을 지정해 줍니다. /TD>
behavior=alternate 좌우,상하를 왕복하며 움직입니다. 기본적으로는 좌우 왕복이지만 방향을 right, left, up또는 down으로 해주면 그 방향으로 움직이면서 왕복합니다.
loop 반복하는 숫자를 지정할 때 쓰입니다. 만약 이 속성을 사용하지 않으면 계속 반복됩니다. (예:loop="2" 를 했을경우 두 번 실행됨.)
width 마퀴가 실행되는 가로 폭을 지정합니다.
height 마퀴가 실행되는 세로 폭을 지정합니다.

위에서 말씀드린 테크닉들을 적절하게 섞어서 사용하면 매우 다양한 움직임을 만들어 낼 수 있습니다.
자 그러면 다양한 marquee 태크닉들을 한 번 보실까요?

 

안녕하세요!!☜ 마퀴태그의 기본.

안녕하세요!!

글자가 좌우로 왕복*^^*

글자가 좌우로 왕복*^^*

이건 왼쪽이네요^^

이건 왼쪽이네요^^

이건 오른쪽이구여^^

이건 오른쪽이구여^^

요번에는 위로?

요번에는 위로?

다운이당ㅡㅡ+

다운이당ㅡㅡ+

(@^.^@) ☜도리도리

( @^.^@)

__@/``☜달팽이 기어가는 모습.

__@/``

달팽아 난 절라 빠르쥥??

달팽아 난 절라 빠르쥥??

반짝반짝!!

반짝반짝!!

하이~

하이~

하이~

하이~

하이~

하이~

ⓘ ⓛⓞⓥⓔⓨⓞⓤ
ⓘ ⓛⓞⓥⓔⓨⓞⓤ

안♡
    녕♡
      하♡
        세♡
          요♡
            반♡
              가♡
                워~♡
                  요♡


안♡
    녕♡
      하♡
        세♡
          요♡
            반♡
              가♡
                워~♡
                  요♡


정말 방가여^^

정말 방가여^^

띠바! 못 방가!!

띠바! 못 방가!!

노래 조오타 !!

노래 조오타 !!



노래 조오타 !!

노래 조오타 !!




노래 조오타 !!

노래 조오타 !!



노래 조오타 !!

노래 조오타 !!




글씨가 파도를 치넹^^;



글씨가 파도를 치넹^^;

어떻습니까? 재미있죠?
복잡한 움직임들이지만 자세히, 눈이 뚤어져라 쳐다보고, 몇 번 연습해 보면 이치를 알 수 있을 겁니다.

요것들을 잘 익히시면 상당히 재미있는 화면을 많이 만들 수 있습니다.



  수정하기   추천하기   목록보기

번호 제목 작성자 작성일   추천 조회
215  제임스 이야기    BOF 2009/01/13 145 2119
214  부석사의 소국(小菊)    BOF 2008/11/17 176 2188
213  오궁 부부의 일본 여행기(2)  [2]  BOF 2008/09/12 136 2415
212  오궁 부부의 일본 여행기(1)  [2]  BOF 2008/09/11 133 1883
211  영주의 벚꽃    BOF 2008/04/21 157 1878
210  광양 매화 마을 꽃놀이  [1]  BOF 2008/04/17 227 2726
209  늦게 올리는 여름 휴가 사진 여행기(6) - 시드니 관광  [2]  BOF 2008/02/16 174 2294
208  늦게 올리는 여름 휴가 사진 여행기(5) - 헌터벨리,뉴카슬  [1]  BOF 2008/02/16 147 1997
207  늦게 올리는 여름 휴가 사진 여행기(4) - 헌터벨리  [1]  BOF 2008/02/15 173 2558
206  늦게 올리는 여름 휴가 사진 여행기(3) - 포트 스티븐스    BOF 2008/02/15 130 1963
205  늦게 올리는 여름 휴가 사진 여행기(2) - 뉴카슬 주변 배회하기  [2]  BOF 2008/02/13 135 1845
204  늦게 올리는 여름 휴가 사진 여행기(1) - 출발  [1]  BOF 2008/02/12 133 1945
203  가을 사진 몇 장 더...    BOF 2007/11/27 116 1725
202  가을이 깊어가는 부석사    BOF 2007/11/26 128 1748
201  하늘로 올라간 천상의 목소리    BOF 2007/09/07 201 1948
200  얼굴 큰 가족    BOF 2007/07/06 115 1652
199  최근의 재한이 집 사진들    BOF 2007/07/06 95 1513
198  여름 부석사, 그 넉넉함으로...    BOF 2007/06/25 102 1751
197  첨성대 야경    BOF 2007/04/24 104 1819
196  주말 형섭이 학교 방문    BOF 2007/04/11 106 3085
195  형섭이의 첫 귀가  [1]  BOF 2007/03/27 126 2784
194  민사고 입학식 참관기  [3]  BOF 2007/03/06 185 6581
193  오궁 패밀리의 홍콩 여행기 (3)  [1]  BOF 2007/01/05 107 2035
192  형섭이와 기타  [2]  BOF 2007/01/05 157 2052
191  홍콩 여행기 (2)  [1]  BOF 2007/01/03 103 1702
190  홍콩 여행기 (1)  [1]  BOF 2007/01/02 101 1706
189  민사고 학부모 간담회  [4]  BOF 2006/12/15 156 4935
188  윤섭이의 2006 GLPS 여름 캠프    BOF 2006/12/15 112 2616
187  눈이 왔네요 - 요즘 오궁 가족 소식    BOF 2006/11/07 169 1884
186  백암 나들이    BOF 2006/05/24 84 1003
185  윤섭이의 피아노 학원 발표회    BOF 2006/05/16 90 1410
184  주말 대게 먹기    BOF 2006/05/16 83 1629
183  오궁 가족 무비데이 '게이샤의 추억'    BOF 2006/05/05 81 1306
182  오궁 패밀리의 크리스마스 보내기    BOF 2006/02/21 141 1394
181  호주 여름 휴가기(6) - 마지막 날    BOF 2005/10/06 82 1089
180  호주 여름 휴가기(5) - 뉴카슬(Newcastle), 둘째날    BOF 2005/10/05 69 1029
179  호주 여름 휴가기(4) - 뉴카슬(Newcastle), 첫째날    BOF 2005/10/04 83 1128
178      소감: 후훗 ^^;    노윤섭 2005/10/04 119 974
177  호주 여름 휴가기(3) - 헌터 벨리(Hunter Valley)    BOF 2005/09/29 70 1034
176  호주 여름 휴가기(2) - 포트 맥쿼리(Port Macquarie)    BOF 2005/09/27 82 1138
175      소감: 호주 여름 휴가기(2) - 포트 맥쿼리(Port Macquarie)    crystal 2005/09/28 158 1133
174  호주 여름 휴가기(1)    BOF 2005/09/23 94 990
173      소감: 호주가 벌써 그리워지네요...    노윤섭 2005/09/24 143 1011
172  4자성어로 풀어본 17기 동기모임    BOF 2005/09/07 93 2136
171  잘된건지, 못된건지......    BOF 2005/07/15 135 1246
170  요즘 이런 것 드셔보셨는지?    BOF 2005/07/14 84 1304
169  제임스 가족과 함께 한 주말 이야기(2)    BOF 2005/07/08 76 1047
168  제임스 가족과 함께 한 주말 이야기(1)    BOF 2005/07/08 69 1074
167  주말에 비가 안와야 할텐데......    BOF 2005/06/30 149 1221
166  양평서 온 넥타이    BOF 2005/05/18 62 1355
165  오궁 가족 답사기 - 수원 화성    BOF 2005/04/22 71 1068
164  재흔이 돌잔치    BOF 2005/04/08 66 1398
163  광선총 오프    BOF 2005/03/29 80 1226
162  형섭이 겨울 캠프 면회 (2)    BOF 2005/01/24 121 1311
161  형섭이 겨울 캠프 면회 (1)    BOF 2005/01/24 66 1004
160  PA comment(3) from GLPS    BOF 2005/01/21 81 1326
159  형섭이 겨울 캠프 사진들(5)    BOF 2005/01/20 82 1152
158      Re: 형섭이 겨울 캠프 사진들(5)    큰외삼촌 2005/01/21 61 1037
157  Debate Comments from GLPS    BOF 2005/01/17 91 1101
156  Advisor letter from GLPS    BOF 2005/01/17 88 1199
155  PA comment(2) from GLPS  [1]  BOF 2005/01/17 80 1188
154  PA comment(1) from GLPS  [2]  BOF 2005/01/17 71 1287
153  형섭이 겨울 캠프 사진들(4)    BOF 2005/01/17 81 1099
152  형섭이 겨울 캠프 사진들(3)    BOF 2005/01/13 96 1119
151  형섭이 겨울 캠프 사진들(2)    BOF 2005/01/07 69 1236
150  형섭이 겨울 캠프 사진들(1)    BOF 2005/01/03 76 1261
149  백암 나들이    BOF 2006/05/24 96 1000
148  윤섭이의 피아노 학원 발표회    BOF 2006/05/16 89 1132
147  주말 대게 먹기    BOF 2006/05/16 95 1444
146  오궁 가족 무비데이 '게이샤의 추억'    BOF 2006/05/05 61 1475
145  오궁 패밀리의 크리스마스 보내기    BOF 2006/02/21 119 1074
144  호주 여름 휴가기(6) - 마지막 날    BOF 2005/10/06 79 1171
143  호주 여름 휴가기(5) - 뉴카슬(Newcastle), 둘째날    BOF 2005/10/05 84 1049
142  호주 여름 휴가기(4) - 뉴카슬(Newcastle), 첫째날    BOF 2005/10/04 82 1028
141      소감: 후훗 ^^;    노윤섭 2005/10/04 142 1158
140  호주 여름 휴가기(3) - 헌터 벨리(Hunter Valley)    BOF 2005/09/29 85 1138
139  호주 여름 휴가기(2) - 포트 맥쿼리(Port Macquarie)    BOF 2005/09/27 81 1158
138      소감: 호주 여름 휴가기(2) - 포트 맥쿼리(Port Macquarie)    crystal 2005/09/28 140 1181
137  호주 여름 휴가기(1)    BOF 2005/09/23 95 1055
136      소감: 호주가 벌써 그리워지네요...    노윤섭 2005/09/24 135 1052
135  4자성어로 풀어본 17기 동기모임    BOF 2005/09/07 80 1626
134  잘된건지, 못된건지......    BOF 2005/07/15 188 1327
133  요즘 이런 것 드셔보셨는지?    BOF 2005/07/14 218 1396
132  제임스 가족과 함께 한 주말 이야기(2)    BOF 2005/07/08 100 1149
131  제임스 가족과 함께 한 주말 이야기(1)    BOF 2005/07/08 79 1031
130  주말에 비가 안와야 할텐데......    BOF 2005/06/30 151 1178
129  양평서 온 넥타이    BOF 2005/05/18 77 1179
128  오궁 가족 답사기 - 수원 화성    BOF 2005/04/22 88 1349
127  재흔이 돌잔치    BOF 2005/04/08 92 1328
126  창원 집들이    BOF 2005/03/29 85 1208
125  광선총 오프    BOF 2005/03/29 89 1214
124  태그 강좌(10) - 맺는말    BOF 2005/01/17 80 1229
123  태그 강좌(9) - RGB 색상표    BOF 2005/01/17 86 1608
122  태그 강좌(8) - 테이블 태그    BOF 2005/01/17 133 1821
121  태그 강좌(7) - HTML 문서와 기본 태그    BOF 2005/01/17 79 1697
 태그 강좌(6) - 마퀴 태그    BOF 2005/01/17 88 1255
119  태그 강좌(5) - 글씨 태그    BOF 2005/01/17 56 1571
118  태그 강좌(4) - 그림태그    BOF 2005/01/17 101 1642
117  태그 강좌(3) - 어디서 연습할까요?    BOF 2005/01/17 87 1257
116  태그 강좌(2) - 음악 태그    BOF 2005/01/17 83 1090

    목록보기   이전페이지   다음페이지 [1] 2 [3][4]
       

Copyright 1999-2024 Zeroboard / skin by zero