[HTML 태그]marquee element 스크롤 되는 영역을 지정
scrollamount
scrollamount 속성은 한번 스크롤될때마다 얼마만큼 스크롤되는지를 지정합니다. 기본값은 1픽셀입니다.
loop
loop 속성은 스크롤되는 횟수를 지정합니다. 기본값은 -1 이며 이는 계속적으로 반복해서 스크롤 된다는 의미입니다.
기타
align, hspace, vspace, transparency 등의 속성을 사용할 수 있습니다.
marquee element 는 스크롤 되는 영역을 지정합니다.
<marquee>와 </marquee> 사이에 텍스트나 이미지 등이 위치하면 스크롤이 됩니다. 제한된 공간에서 보다 많은 정보를 보여주기 위한 용도로 사용됩니다.
direction
direction 속성은 움직이는 방향을 지정합니다.
| <marquee direction="right">오른쪽 방향으로 흐르는 텍스트...</marquee> <marquee direction="left">왼쪽 방향으로 흐르는 텍스트...</marquee> |
behavior
behavior 속성은 컨텐츠가 어떻게 스크롤 될것인지를 지정합니다.
- scroll : 기본값으로 마퀴 영역의 경계에서부터 스크롤됩니다.
- slide : scroll과 거의 동일하지만 마퀴 영역의 경계에서 더이상 스크롤 되지 않고 멈춥니다. 컨텐츠가 화면상으로 슬라이딩 되면서 출력되는 느낌입니다.
- alternate : 마퀴 영역의 경계까지 갔다가 다시 돌아옵니다. 왔다 갔다하면서 화면상에 언제나 보이죠.
| <marquee behavior="scroll">behavior="scroll"</marquee> <marquee behavior="slide">behavior="slide"</marquee> <marquee behavior="alternate">behavior="alternate"</marquee> |
scrollamount
scrollamount 속성은 한번 스크롤될때마다 얼마만큼 스크롤되는지를 지정합니다. 기본값은 1픽셀입니다.
| <marquee scrollamount="10">scrollamount 속성을 10픽셀로 지정</marquee> |
위와 같이 scrollamount 속성을 10픽셀로 지정하면 한번 스크롤될때마다 10픽셀씩 움직이므로 좀더 빠르게 움직이는 느낌을 받습니다. 그러나 이 값을 지나치게 높이면 자연스럽지 못하므로 적당하게 올려야 합니다.
loop
loop 속성은 스크롤되는 횟수를 지정합니다. 기본값은 -1 이며 이는 계속적으로 반복해서 스크롤 된다는 의미입니다.
| <marquee loop="1">loop 속성을 1로 지정</marquee> |
위와 같이 loop 속성을 1로 지정하면 한번만 스크롤되고 더이상 스크롤되지 않습니다.
width와 height
marquee element 는 스크롤 되는 영역을 지정하므로 그 영역의 width와 height를 지정할 수 있습니다.
| <marquee width="300" height="100" bgcolor="#8080FF">loop 속성을 1로 지정</marquee> |
기타
align, hspace, vspace, transparency 등의 속성을 사용할 수 있습니다.
