메뉴 건너뛰기

Chsoo's HomePage공부방

HTML : Tip 강좌 글자 흘러가는 Marquee Tag 이용하기

2003.12.06 09:14 조회 수 4819 추천 74 / 0
참고 사이트  

marque라는 tag를 사용하면 자바 애플릿을 사용한 것처럼 문자나 이미지를 이동시키는 효과를 줄 수 있습니다. marque 같은 경우에는 옵션이 상당히 많습니다. 조금씩 변경하면서 홈페이지에 맞게 변화를 줘보세요..

1) 사용법

<MARQUEE
   BEHAVIOR=ALTERNATE | SCROLL | SLIDE
   BGCOLOR=color
   CLASS=classname
   DATAFLD=colname
   DATAFORMATAS=HTML | TEXT
   DATASRC=#ID
   DIRECTION=DOWN | LEFT | RIGHT | UP
   HEIGHT=n
   HSPACE=n
   ID=value
   LANG=language
   LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT  | VBS
   LOOP=n
   SCROLLAMOUNT=n
   SCROLLDELAY=milliseconds
   STYLE=css1-properties
   TITLE=text
   TRUESPEED
   VSPACE=n
   WIDTH=n
   event = script
> 내용들.. MARQUEE>

2) 글이 왼쪽에서 오른쪽으로 이동하는 예제



Marquee tag 예제


    <
MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>
    김창수 개인 홈페이지에 오신 것을 환영합니다. 방명록에 글 남겨주세요^^
    MARQUEE>

                     
결과보기

라고 사용하면
marquee tag 사이의 글자가 왼쪽에서 오른쪽으로 이동하는 효과가 반복됩니다. marquee tag를 사용하면 자바애플릿을 사용하는 것 보다 홈페이지 로딩도 빠르겠죠.

가장 기본적인 예제라고 볼 수 있죠. 위의 예제에서 원하는 옵션을 추가하거나 변경시키면 아주 멋진 홈페이지를 만들 수 있을 것 같네요.

그리고 옵션은 많지만 일반 사용자가 사용하는 것은 일부에 불과할 겁니다. marquee tag는 closing tag를 사용하셔야 합니다. 대부분 closing tag는 생략이 가능하기도 하지만, 정확하게 표현해 주는 것이 나중에 문제가 생겼을 때 해결하기가 좋죠..

그리고 문자가 이동하는 폭은 어디에 사용했느냐에 따라 달라지네요. 문서 전체에 사용하면 문서 전체에 적용이 되고 table 안의 cell에 사용하면 (td tag) 그 cell 안에서 적용이 됩니다.

쓰시면서 궁금하신 내용은 덧 글이나 질문과 답변을 이용해 주세요.

번호 제목 글쓴이 날짜 조회 수
공지 이용하시면서.... 김창수 2001.06.15 8611
29 ZBXE(제로보드)에서 디카정보 표현하기 file 김창수 2008.07.24 7631
28 제로보드XE Ver 1.0.0 서버스 돌입 file 김창수 2008.03.18 9950
27 제로보드5(zb5) 개발 진행(현재 Beta 5.0.0.3) [1] file 김창수 2006.07.29 6621
26 디카게시판에 EXIF정보 표현하기 file 김창수 2006.04.20 6091
25 Layer를 이용한 메뉴 DB연동 (chsoo.pe.kr 사용됨.) [1] file 김창수 2006.03.21 6299
24 Layer를 이용한 메뉴(chsoo.pe.kr 사용됨.) [1] file 김창수 2006.03.21 4609
23 Swish MAX 각 효과 정리 Flash file 김창수 2006.01.25 5284
22 HTML문서에 주석 달기 김창수 2005.09.19 17729
21 JAVASCRIPT 이벤트 핸들러 정리 김창수 2005.07.11 9996
20 Header에 쓰이는 Meta Tag에 관한 설명 김창수 2005.03.29 7336
19 기초적으로 알아두어야 할 HTML Tag정리 [2] 김창수 2004.12.22 6819
18 홈피 만들기(chsoo.pe.kr)제 홈피 과정입니다. 김창수 2004.07.18 7405
17 [PHP] 파일입출력 문법 (간단히) [1] 김창수 2004.07.08 9990
16 [PHP] 간단한 PHP 문법 [2] [1] 김창수 2004.06.23 7873
15 [HTML]색상 코드표 김창수 2004.06.19 5080
14 [PHP]Database, MySQL란? 김창수 2004.06.15 6775
13 [PHP]PHP에 대한 소개 김창수 2004.06.08 4813
12 [PHP]플래시로 보는 노프레임 홈 만들기! 강추(퍼옴) file 김창수 2004.05.16 6090
11 Tip 홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] 김창수 2004.05.12 4792
10 Tip 강좌 홈페이지(게시판)에 음악,동영상 바로보여주기 [3] 김창수 2004.03.06 5201
» Tip 강좌 글자 흘러가는 Marquee Tag 이용하기 김창수 2003.12.06 4819
8 날짜마다 다른 페이지로 만들기 관리자 2003.07.31 4442
7 여섯번째 - a tag 익히기 관리자 2000.02.26 4224
위로