Marquee(마퀴) 태그

컴퓨터 2010. 5. 20. 22:09

글 찾기( 아래 목록 크릭 또는 왼쪽 분류목록 클릭)

외통궤적 외통인생 외통넋두리 외통프리즘 외통묵상 외통나들이 외통논어
외통인생론노트 외통역인생론 시두례 글두레 고사성어 탈무드 질병과 건강
생로병사비밀 회화그림 사진그래픽 조각조형 음악소리 자연경관 자연현상
영상종합 마술요술 연예체육 사적跡蹟迹 일반자료 생활 컴퓨터

8. Marquee(마퀴) 태그


1. 마퀴 태그란?


text 에 관한 태그 중 유일하게 글자를 움직일 수 있게 하는 태그가
marquee 태그입니다.
marquee태그는 사용하기에 따라 얼마든지 응용이 가능하고, 홈페이지에서도 잘만 사용하시면 얼마든지 멋진 홈페이지를 꾸밀 수 있습니다. 하지만 너무 과도하게 사용하시면 홈페이지가 지저분해지기 때문에 무리하게 사용하지 않으시는 게 좋습니다.


2. 마퀴 태그의 기본

내용


"내용"에는 그림을 넣을 수도 있습니다.


3. 그림을 넣는다면
<
marquee>




4. marquee태그의 속성들과 그 예제
*
속성 1 :
내용

내용

일정방향 스크롤 속성을 나타낸 태그입니다.
*속성 2 : behavior!=slide>내용

내용
마퀴태그가 한 번 반복 후 화면 끝에서 정지되는 속성을 나타낸 태그입니다. 아래 예제를 보시면 벌써 왼쪽에 정지되어 있어야 할텐데 다시 reload(새로고침)를 해서 보세요.

*속성 3 : behavior!=alternate>좌우왕복

☜ 좌우왕복 ☞

*속성 4 : scrolldelay="수치">내용
scrolldelay="수치" 속성은 스크롤 지연값을 정해줍니다. 수치를 크게 할수록 마퀴태그의 스크롤 속도가 늦어집니다.

scrolldelay="100" 의 경우

값이 100

scrolldelay="300" 의 경우

값이 300

scrolldelay="1000" 의 경우

값이 1000

*속성 5 : 내용
scrollamount="수치" 속성은 스크롤의 속도(이동량)를 조절해줍니다.
scrolldelay 속성은 수치가 클수록 속도가 느려지는 반면 scrollamount 속성은 수치가 클수록 속도가 빨라집니다.

scrollamount="3" 의 경우

거북이

scrollamount="6" 의 경우

토끼

scrollamount="10" 의 경우

치타

*속성 6 : 내용
loop는 주어진 수치 값 만큼 반복 횟수를 정하는 속성입니다. 그리고 무한 반복을 하고 싶으면 infinite를 사용하시면 됩니다.
그런데 그냥 마퀴태그만 쓸 때는 무한반복의 의미가 별로 없습니다. 굳이 infinite 속성을 쓰지 않아도 계속 반복 되기 때문이지요.

3번 반복
무한반복

3 번반복

무한반복

*속성 7 : 내용마퀴태그 부분에 배경색을 정해 줍니다

녹색

아이보리색

녹색이네요

아이보리색이네요

*속성 8 : 내용
마퀴태그가 적용되는 스크롤 부분의 가로와 세로 너비를 지정해주는 속성입니다.

내용

내용

내용

내용

*속성 9 : 내용

direction="left"

direction="right"

direction="up"

direction="down"

내용

내용

내용

내용



5. 응용 예제들

←♡--<
←♡--<
←♡--<
←♡--<{>
반짝
반짝
( @^.^@)도리
( @^.^@)도리
여러분 안녕하세요? 만나서 반갑습니다.
여러분 안녕하세요? 만나서 반갑습니다. - 유리꽃-
내용
내용
#CC99CC " width=200 height=50>내용
내용


건강하세요.

건강하세요.


 

'컴퓨터' 카테고리의 다른 글

컴퓨터청소  (1) 2010.05.23
Sound(사운드) 태그  (2) 2010.05.20
hyperlink(하이퍼링크)  (2) 2010.05.20
클래스 정보  (1) 2010.05.20
태그사전  (1) 2010.05.20
Posted by 외통
,