![Page 1: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/1.jpg)
computer & internet
9. Marquee TAG
![Page 2: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/2.jpg)
글자를 움직일 수 있게 하는 태그
인터넷 익스플로러에서만(!) 지원 크롬에서도 잘 됨
속성
direction :흐르는 방향 지정
behavior : 동작의 형태를 지정하는 속성
scrollamount : 흐르는 내용이 이동하는 속도 지정
scrolldelay : 흐르는 이내용이 다음 위치로 동하는데 걸리는 시간 지정
bgcolor : box의 배경색을 지정
width : box의 가로(폭)을 지정
height : box의 세로(높이)를 지정
loop : 반복횟수를 지정
2
@ 마퀴태그 <marquee>..</marquee>
![Page 3: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/3.jpg)
문자열이 어떻게 움직여야 할지를 지정
형식
<marquee behavior=“옵션”>표시할 내용</marquee>
3
01. behavior
속성 의미
alternate 좌우로 반복한다.
Scroll 오른쪽에서 왼쪽으로 반복한다.
Slide 오른쪽에서 왼쪽으로 이동하다가 왼쪽에서 멈춘다.
![Page 4: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/4.jpg)
스크롤되는 글자가 지나가는 높이와 너비지정
4
02. Width/height
![Page 5: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/5.jpg)
문자가 흐르는 방향을 지정하는 속성
형식
<marquee direction=“옵션”>표시할 내용</marquee>
5
03. direction
속성 의미
right 왼쪽에서 오른쪽으로 이동
left 오른쪽에서 왼쪽으로 이동
up 아래쪽에서 위로 이동
down 위에서 아래로 이동
![Page 6: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/6.jpg)
6
예제. direction
![Page 7: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/7.jpg)
scrolldelay : 텍스트의 스크롤 속도를 밀리초 단위로 지정
- 숫자가 커질수록 느려짐
scrollamount : 스크롤의 속도를 조절
- 숫자가 커질수록 빨라짐
7
04. Scrolldelay/scrollamount
![Page 8: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/8.jpg)
글자가 지나가는 곳의 바탕화면의 배경색 지정
반복횟수를 지정하는 속성
-1 또는 infinite로 지정하면 무한반복
8
05. bgcolor / loop
![Page 9: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/9.jpg)
음악파일을 재생시켜주는 태그
속성
9
@ 음악태그 <embed></embed>
속 성 의 미
src 음악파일의 주소(경로)
autostart 음악파일 자동재생 설정
hidden 재생 창을 숨길 것인지 드러낼 것인지를 설정
width 플레이어 재생창의 너비
height 플레이어 재생창의 높이
loop 플레이어 재생 반복횟수
![Page 10: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/10.jpg)
10
예제. 음악태그 예제
![Page 11: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/11.jpg)
11
음악태그 예제 결과
![Page 12: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/12.jpg)
12
음악태그 마퀴태그 예제
![Page 13: computer & internet - gnu.ac.krejsja/comin/10.pdf · 2015. 5. 18. · 글자를 움직일 수 있게 하는 태그 인터넷 익스플로러에서만(!) 지원 크롬에서도 잘](https://reader036.vdocuments.site/reader036/viewer/2022071113/5fea6ba703d71e671069fa7e/html5/thumbnails/13.jpg)
13
음악태그 마퀴태그 예제