웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] marquee 태그 마스터 하기.
2002.08.27 00:07
예..저번에 html을 했습니다. 저도 이제 새학기가 되어서 강의를 할수있을지는 모르겠습니다.
시험일정이 몇일 남지 않아서요.. (실업계라 취업관계 때문에 시험을 추석날전에 치고 10월달 중순에침..)
이번에 하고자하는 태그는 marquee입니다. 글자를 움직이게 하는것이죠.. 설명과 예제가 없이..곧바로 하겠습니다. 마퀴(marquee)태그를 마스터 해야하니깐요..^^
1. 글자기본값( <marquee>글자가 기본으로 왼쪽으로 움직입니다.</marquee> )
2. 방향설정 ( <marquee direction="up/down/left/right">4개의 up,down,left,right중 하나만 골라서 해도되고요, direction은 방향설정입니다.</marquee> )
3. 글자 왔다갔다. (<marquee behavior=alternate>글자가 왔다갔다.</marquee>)
4. 글자가 움직이면서 밑줄에 색상 ( <marquee bgcolor='yellow'>노란색이죠? #RGB값을 넣어도 되고 색명을 넣어도 되요.</marquee> )
5. width와 height ( <marquee width="300" height="200">글자가 움직이는 폭과 크기를 지정합니다.</marquee> )
6. scrollamount <marquee scrollamount="3">글자가 움직이는 속도입니다.숫자가 작으면 작을수록빨라집니다. 그런가? 이 태그도 잘사용을 안해서 잊어버림..^^</marquee>
7. 자바스크립트와의 응용 <maquee onmouseover='this.style.background.color="red"' onmouseout='this.style.background.color="white"'>글자가 움직이고 마우스로 가져다 되면.바뀜..</marquee>
8. 일정방향 스크롤 <marquee behavior=scrol>내용</marquee>
9. 마퀴태그가 한번 반복 후 화면 끝에서 정지되는 속성 <marquee behavior=slide>내용</marquee>
10. 속성은 스크롤 지연값을 정해줍니다. 수치를 크게 할 수록 마퀴태그의 스크롤 속도가 늦어집니다. 값을 많이 주면 점프하듯 스크롤을 한다는뎅 <marquee scrolldelay="수치">내용</marquee>
11. 움직이는 반복수 설정, loop로 합니다. 배경음악도 loop사용하지요? -_-;
<marquee loop="3"> 3번만 움직이기</marquee> / 무한대로~~ <marquee loop="infinite">계속 움직여</marquee>
12. 여러가지 옵션으로 뭉침 (응용)
<marquee behavior="alternate" width="300" height="300"><marquee align="center" behavior="alternate" direction="up" width="200" height="300">하핫</marquee></marquee>
13. 음.. 제가 활동하고 있는 태그매니아 http://tagmania.net/html/b_marquee.htm 에서도 약간 가져왔어요..^^
원래 혼자할려고 했는데; 마퀴태그를 사용을 잘 안하니깐. 다까먹네요~~
시험일정이 몇일 남지 않아서요.. (실업계라 취업관계 때문에 시험을 추석날전에 치고 10월달 중순에침..)
이번에 하고자하는 태그는 marquee입니다. 글자를 움직이게 하는것이죠.. 설명과 예제가 없이..곧바로 하겠습니다. 마퀴(marquee)태그를 마스터 해야하니깐요..^^
1. 글자기본값( <marquee>글자가 기본으로 왼쪽으로 움직입니다.</marquee> )
2. 방향설정 ( <marquee direction="up/down/left/right">4개의 up,down,left,right중 하나만 골라서 해도되고요, direction은 방향설정입니다.</marquee> )
3. 글자 왔다갔다. (<marquee behavior=alternate>글자가 왔다갔다.</marquee>)
4. 글자가 움직이면서 밑줄에 색상 ( <marquee bgcolor='yellow'>노란색이죠? #RGB값을 넣어도 되고 색명을 넣어도 되요.</marquee> )
5. width와 height ( <marquee width="300" height="200">글자가 움직이는 폭과 크기를 지정합니다.</marquee> )
6. scrollamount <marquee scrollamount="3">글자가 움직이는 속도입니다.숫자가 작으면 작을수록빨라집니다. 그런가? 이 태그도 잘사용을 안해서 잊어버림..^^</marquee>
7. 자바스크립트와의 응용 <maquee onmouseover='this.style.background.color="red"' onmouseout='this.style.background.color="white"'>글자가 움직이고 마우스로 가져다 되면.바뀜..</marquee>
8. 일정방향 스크롤 <marquee behavior=scrol>내용</marquee>
9. 마퀴태그가 한번 반복 후 화면 끝에서 정지되는 속성 <marquee behavior=slide>내용</marquee>
10. 속성은 스크롤 지연값을 정해줍니다. 수치를 크게 할 수록 마퀴태그의 스크롤 속도가 늦어집니다. 값을 많이 주면 점프하듯 스크롤을 한다는뎅 <marquee scrolldelay="수치">내용</marquee>
11. 움직이는 반복수 설정, loop로 합니다. 배경음악도 loop사용하지요? -_-;
<marquee loop="3"> 3번만 움직이기</marquee> / 무한대로~~ <marquee loop="infinite">계속 움직여</marquee>
12. 여러가지 옵션으로 뭉침 (응용)
<marquee behavior="alternate" width="300" height="300"><marquee align="center" behavior="alternate" direction="up" width="200" height="300">하핫</marquee></marquee>
13. 음.. 제가 활동하고 있는 태그매니아 http://tagmania.net/html/b_marquee.htm 에서도 약간 가져왔어요..^^
원래 혼자할려고 했는데; 마퀴태그를 사용을 잘 안하니깐. 다까먹네요~~
댓글 5
-
mougyo
2002.08.31 22:55
엇 유명한 태그매니아 -
안중기
2002.08.27 00:57
6. 숫자가 작을수록 속도는 느려집니다. -
김현기
2002.08.29 21:00
마퀴태그 쓰니깐 눈이 어지럽던데. 막잔상이 남으면서... -
深淵
2002.08.30 10:05
^ㅡ^;; 좋은정보되었네요^^ ㄳ^^ -
뒹굴리스트
2002.09.01 17:59
김현기 // marquee 태그에 TURE SPEED 를 넣어주시면 부드럽게 넘어갑니다 :)
제목 | 글쓴이 | 날짜 |
---|---|---|
벅스 연동 되는 자세한 소스... [6] | 서비 | 2002.09.07 |
벅스 플레이어 소스입니다. [6] | ☺Lifestory™ | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-4 [1] | ZipShin | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-3 [2] | ZipShin | 2002.09.04 |
자바스크립트 없이 브라우저 버전체크 [5] | steelheart | 2002.09.03 |
[HTML 초보자]- 테이블 태그를하자-2 [5] | ZipShin | 2002.09.02 |
초보에게는 골치아픈 배경 위치 정하기... [6] | 유지호 | 2002.09.01 |
[HTML 초보자] 테이블 태그를하자-1 [5] | ZipShin | 2002.08.30 |
[HTML 초보자] marquee 태그 마스터 하기. [5] | ZipShin | 2002.08.27 |
스타일 시트 적용순서 [4] | 판타랏사 | 2002.08.24 |
[HTML 초보자] HTML <Hr>태그에 대해서.. [3] | ZipShin | 2002.08.23 |
[HTML 초보자] 강제개행 <br>태그 엔터효과. [8] | ZipShin | 2002.08.21 |
HTML/CSS/JSCRIPT Reference for IE5.0 and above [5] | 송인석 | 2002.08.20 |
HTML과 CSS 사전을 만들어 보았습니다. [7] | 01CODE.com | 2002.08.20 |
[초보-하드코딩] 소스정리 팁 몇가지... [23] | 안데르센 | 2002.08.19 |
[HTML 초보자] HTML 문단 P태그에 대해서 알아봐요..^^ [5] | ZipShin | 2002.08.18 |
웹 폰트 적용 시키기 - 초보자용 - [13] | 하지메 | 2002.08.18 |
[HTML]::HTML소스를 쉽게! 그대로 표시하게 하잣!! [3] | Smileru™ | 2002.08.17 |
[HTML 초보자] HTML HeadLine태그(H1,H2..) [6] | ZipShin | 2002.08.16 |
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] | 키르(SP) | 2002.08.15 |