살인!
html/css/xml
html/css/xml - 마퀴, 마키(marquee) 태그 사용법
이 름 : 바다아이
|
조회수 : 11976
짧은 주소 : https://www.bada-ie.com/su/?641591849441
마키(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
|
|