웹마스터 팁

  2. Support
  3. 웹마스터 팁

마키(marquee) 태그 사용법

2008.10.01 09:55

ITBANK.kr

마키(marquee) 태그 사용법

<marquee> 태그안에 아래와 같은 속성들을 지정할 수 있습니다

bgcolor=[색상] // 배경색상을 설정 합니다
width=400 height=300 // 가로, 세로 크기를 설정 합니다
direction="left[right|up|down]" // 스크롤 방향을 설정 합니다
behavior=scroll[slide|alternate] // 움직임 속성을 지정합니다 (scroll : 한쪽방향으로 반복 스크롤 됩니다, slide : 스크롤되어와서 엄춤, alternate : 왼쪽, 오른쪽으로 반복 스크롤)
loop=3 // 반복횟수를 설정 합니다
scrollamount="3" // 스크롤 되는 거리간격을 픽셀단위로 설정 합니다
scrolldelay="200" ; 0.2초 // 스크롤 속도를 설정 합니다. 200 이 기본값입니다
hspace="50" vspace="50" // 아래위의 여백을 지정할 수 있습니다

배경색상 지정

<marquee bgColor="yellow">배경색은 노랑입니다</marquee>

배경색은 노랑입니다

가로, 세로 크기 지정

<marquee width=400 height=300>가로 400 픽셀, 세로 300 픽셀입니다</marquee>

가로 400 픽셀, 세로 300 픽셀입니다

스크롤 방향 지정

<marquee direction=up>위쪽으로 스크롤 됩니다</marquee>

위쪽으로 스크롤 됩니다

움직임의 속성을 설정 합니다

<marquee behavior=scroll>반복해서 스크롤 됩니다</marquee>

반복해서 스크롤 됩니다

<marquee behavior=slide>스크롤 되어 와서 멈춥니다</marquee>

스크롤 되어 와서 멈춥니다

<marquee behavior=alternate>좌우로 반복 스크롤 됩니다</marquee>

좌우로 반복 스크롤 됩니다

반복횟수를 설정 합니다

<marquee loop=3>3회 반복 합니다</marquee>

3회 반복 합니다

한번에 이동되는 픽셀수를 지정합니다

<marquee scrollamount="3">한번에 3픽셀씩 움직입니다</marquee>

한번에 3픽셀씩 움직입니다

 스크롤 속도를 지정합니다

<marquee scrolldelay="200">0.2 초 마다 스크롤이 발생합니다</marquee>

0.2 초 마다 스크롤이 발생합니다

상하 여백을 지정합니다

<marquee hspace="100" vspace="100" >위아래와 좌우로 각 100 픽셀씩 여백이 있습니다</marquee>

위아래와 좌우로 각 100 픽셀씩 여백이 있습니다


예제사이트 : http://www.itbank.kr

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
[HTML 초보자]동영상을 출력하자-2 [3] ZipShin 2002.12.12
[HTML 초보자]동영상을 출력하자-1 [6] ZipShin 2002.12.11
[프레임셋] 1024*768.. 800*600 에서도 화면 제대로 보이기... [5] hooniv 2002.12.10
[HTML 초보자]iframe대신 사용할수있는 오브젝트-2 [12] ZipShin 2002.12.06
[HTML 초보자]iframe대신 사용할수있는 오브젝트-1 [8] ZipShin 2002.12.06
허접강의 -_-; 소스보기 금지 푸는방법들 [21] 허진규 2002.12.05
흐르는 폼 내용 출력 ㅡ,.ㅡγ [9] ☆밥동자γ 2002.11.30
[HTML 초보자] 글자움직이는 마퀴태그의 응용(Last) [3] ZipShin 2002.11.26
[HTML 초보자] 움직이는 글자반복횟수를 정하자... ZipShin 2002.11.22
[HTML 초보자] 글자가 움직이는 스크롤 지연값 -_- ZipShin 2002.11.22
〔Tale〕테일이랑 같이 글상자 이쁘게 만들어요 [1] TaleB˚ 2002.11.17
[HTML 초보자] 글자가 좌우 왕복하게 만들기. ZipShin 2002.11.14
[HTML 초보자] 마퀴태그가 한번 반복 후 화면 끝에서 정지 ZipShin 2002.11.08
[HTML 초보자] 일정한 방향으로 스크롤하기(마퀴태그) [5] ZipShin 2002.11.08
링크부분에 밑줄을 없애는 방법 [5] Kinds 2002.11.04
입력폼 스타일변경... [2] 디아릭스 2002.11.04
[HTML 초보자] 글자 움직이는 높이 설정 ZipShin 2002.11.02
희안한 css [투명한 프레임과 투명한 이미지] [10] ☜＊핑♡크＊☞ 2002.10.30
[HTML 초보자] 글자 움직이는 폭(넓이) 설정 ZipShin 2002.10.28
뽀유의 스타일시트 특별강좌 [28] 뽀유♡ 2002.10.25
태그 쓰기