Marquee (마퀴태그)

※ Marquee속성


direction="방향"　

(left, right, up, down를 지정할 수 있습니다. 이 옵션을 지정하지 않는 경우는 , 디폴트로left가 됩니다 )      * 디폴트¿:자동으로 정해지는 기본,초기값

behavior="이동 형식"　

(scroll, slide, alternate를 지정할 수 있습니다. 이 옵션을 지정하지 않는 경우는 , 디폴트로 scroll가 됩니다 )

loop="조반 회수"　

(수치, infinite를 지정할 수 있습니다. 이 옵션을 지정하지 않는 경우는 , 디폴트로 infinite가 됩니다 )

scrollamount="이동 픽셀수"　(1회로 이동하는 픽셀수를 지정하는 )

scrolldelay="이동 속도"　

(이동 속도를 지정합니다. 지정 단위는1/1000초입니다. 1000을 지정하면 1초에 1회 이동하는 )

bgcolor="배경색"　(배경색 지정하는 )

width="표시 가로폭"　(표시하는 가로폭을 지정하는 )

height="표시세로폭"　(표시하는 세로폭을 지정하는 )

hspace="margin폭"　(좌우의 margin를 지정하는 )

vspace="margin폭"　(상하의 margin를 지정하는 )

------------------------------------------------------------------------------------------------------ ---------------------------

※소스＆샘플


<marquee>기본마퀴</marquee>

기본마퀴

<marquee><img src="이미지주소"></marquee>

<marquee direction="right">왼쪽에서 오른쪽으로</marquee>

왼쪽에서 오른쪽으로

<marquee direction="up">아래에서 위로</marquee>

아래에서 위로

<marquee direction="down">위에서 밑으로</marquee>

위에서 밑으로

<marquee behavior="alternate">끝자락으로 턴</marquee>

끝자락으로 턴

<marquee behavior="alternate" bgcolor="#99ff00">배경있는 양쪽반복</marquee>

배경있는 양쪽반복

<marquee behavior="slide">끝자락에서 정지</marquee>

끝자락에서 정지

<marquee loop="3">반복 회수가 3회(3회 루프 하면, 사라지는 )</marquee>

반복 회수가 3회(3회 루프 하면,사라지는 )

<marquee direction="down"><marquee direction="right">좌상으로부터 우하로</marquee></marquee>

좌상으로부터 우하로

<marquee direction="down"><marquee direction="left">우상으로부터 좌하로</marquee></marquee>

우상으로부터 좌하로

<marquee direction="up"><marquee direction="right">좌하로부터 우상으로</marquee></marquee>

좌하로부터 우상으로

<marquee direction="up"><marquee direction="left">우하로부터 좌상으로</marquee></marquee>

우하로부터 좌상으로

<marquee scrollamount="1">이동 픽셀수가1</marquee>

이동 픽셀수가1

<marquee scrollamount="100">이동 픽셀수가100</marquee>

이동 픽셀수가100

<marquee width="200">표시하는 가로폭이200</marquee>

표시하는 가로폭이200

<marquee behavior="alternate" width="400">끝자락으로 리턴＆표시하는 가로폭이400</marquee>

끝자락으로 리턴＆표시하는 가로폭이400

<marquee vspace="100">상하의 margin가100</marquee>

상하의 margin가100

------------------------------------------------------------------------------------------------------ ---------------------------

출처: http://miyabi.kir.jp/lecture/