웹마스터 팁
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 를 넣어주시면 부드럽게 넘어갑니다 :)
제목 | 글쓴이 | 날짜 |
---|---|---|
외부페이지 로그인 연동 [10] | 응삼 | 2011.02.28 |
XE 모듈/스킨 개발시 사용 가능한 변수 알아내기 [3] | 도라란 | 2011.02.27 |
메뉴 클릭시 알림메시지 띄우기 [1] | 도라란 | 2011.02.27 |
xe_member 테이블에서 extra_vars 필드 분리하기... [1] | 맘편한넘 | 2011.02.26 |
XE 검색 속도 향상 팁(확장 변수 검색시) [5] | 명드래곤 | 2011.02.26 |
확장변수 - 주소입력 받을 시 안내문구 출력 [2] | 반디소리 | 2011.02.24 |
글쓴이의 정보 추출해서 게시판 출력하기 [9] | 야호z | 2011.02.24 |
모듈 개발하실때 새로운 버전이 나오면 알림 기능 만들기
[4]
![]() | 라르게덴 | 2011.02.24 |
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] | 999 | 2011.02.23 |
[중복일수도...] Srl 생성의 비밀???;;? [1] | RainDrop+ | 2011.02.22 |
문자열 처리 함수 + 파일 처리 함수 [1] | 999 | 2011.02.22 |
7일이상 지난 글에 댓글달면 포인트 지급 안하기 [19] | SMaker | 2011.02.21 |
IIS 7용 Rewrite | fsfsdas | 2011.02.20 |
nginx에서 대역폭 제한하기 | fsfsdas | 2011.02.20 |
apache2에서 proxy 설정하기 | fsfsdas | 2011.02.20 |
nginx에서 proxy 설정하기 [2] | fsfsdas | 2011.02.20 |
php5 설정(최적화) | fsfsdas | 2011.02.20 |
MySQL db를 InnoDB로 바꾸기 (MyISAM to InnoDB) | fsfsdas | 2011.02.20 |
리눅스에서 디렉토리, 파일 용량 확인하기 | fsfsdas | 2011.02.20 |
우분투 charset을 euc-kr로 변경하기 | fsfsdas | 2011.02.20 |