|
4. marquee태그의 속성들과 그 예제
*속성 1 : 내용
내용
일정방향 스크롤 속성을 나타낸 태그입니다.
*속성 2 : behavior!=slide>내용
내용
마퀴태그가 한 번 반복 후 화면 끝에서 정지되는 속성을 나타낸 태그입니다. 아래 예제를 보시면 벌써 왼쪽에 정지되어 있어야 할텐데 다시 reload(새로고침)를 해서 보세요.
*속성 3 : behavior!=alternate>좌우왕복
☜ 좌우왕복 ☞
*속성 4 : scrolldelay="수치">내용
scrolldelay="수치" 속성은 스크롤 지연값을 정해줍니다. 수치를 크게 할수록 마퀴태그의 스크롤 속도가 늦어집니다.
|
scrolldelay="100" 의 경우 |
|
|
scrolldelay="300" 의 경우 |
|
|
scrolldelay="1000" 의 경우 |
|
*속성 5 : 내용
scrollamount="수치" 속성은 스크롤의 속도(이동량)를 조절해줍니다.
scrolldelay 속성은 수치가 클수록 속도가 느려지는 반면 scrollamount 속성은 수치가 클수록 속도가 빨라집니다.
|
scrollamount="3" 의 경우 |
|
|
scrollamount="6" 의 경우 |
|
|
scrollamount="10" 의 경우 |
|
*속성 6 : 내용
loop는 주어진 수치 값 만큼 반복 횟수를 정하는 속성입니다. 그리고 무한 반복을 하고 싶으면 infinite를 사용하시면 됩니다.
그런데 그냥 마퀴태그만 쓸 때는 무한반복의 의미가 별로 없습니다. 굳이 infinite 속성을 쓰지 않아도 계속 반복 되기 때문이지요.
*속성 7 : 내용마퀴태그 부분에 배경색을 정해 줍니다
*속성 8 : 내용
마퀴태그가 적용되는 스크롤 부분의 가로와 세로 너비를 지정해주는 속성입니다.
*속성 9 : 내용
|
direction="left" |
direction="right" |
direction="up" |
direction="down" |
|
내용 |
내용 |
내용 |
내용 |
|