문자를 움직이게 만드는 마퀴(MARQUEE)태그
마퀴태그는 이미 여러분도 많이 보셨을겁니다. 영상시같은 곳에 많이 사용하다보니 어쩌면 마퀴태그의 장점인 정정인 화면에서 스크롤효과를 주기에 시각적효과가 좋죠 마퀴태그가 신기해서 여기오시게된 계기가 됐을 수도 있으니까요.
1. 간단한 마퀴(MARQUEE)태그
아래의 예문을 보세요.
가장 기본적인 방법입니다. 스크롤 시키고자 하는 부분의 글자 앞에 <MARQUEE> 를 넣고 스크롤시킬 끝부분에 </MARQUEE>를 넣어시면 위와 같이 글이 움직이게 됩니다.
위의 내용을 명령어 상태로 보이게 하면 아래와 같아 집니다.
<MARQUEE>어서오세요 파랑새 태그창고에 와주셔서 감사합니다. 파랑새 태그창고는 여러분을 환영 합니다!</MARQUEE>
기본적인 <MARQUEE> 태그는 오른쪽에서 왼쪽으로 움직입니다. 여기에 <MARQUEE> 에 여러가지 속성을 주게 되면 움직이는 방향과 속도 크기등을 바굴수 있습니다. 
2. 마퀴(MARQUEE)태그 속성
위에서 말씀 드린데로 마퀴의 속성을 나열해 봅니다. 아래의 속성을 잘 이용하시면 여러분이 작성한 문서에 시각적 효과를 배가 하실수 있을 것입니다.
- HEIGHT : 마퀴영역 높이
- WIDTH : 마퀴영역 넓이
- BGCOLOR : 마퀴영역의 배경색
- BEHAVIOR : 스크롤 방향
- LOOP : 스크롤되는 반복횟수
- SCROLLAMOUNT : 한번에 스크롤되는 속도
- SCROLLDELAY : 한번 스크롤되고 대기하는 시간
- behavior=scroll(기본값) : 오른쪽에서 왼쪽으로 글자가 스크롤
- behavior=slide : 오른쪽에서 왼쪽으로 와서 멈춤
- behavior=alternate : 좌,우로 왔다 갔다 함
- direction=left : 오른쪽에서 왼쪽으로 스크롤(기본값)
- direction=right : 왼쪽에서 오른쪽으로 스크롤
3. 마퀴(MARQUEE)의 속성 이용
다음과 같이 마퀴의 속성을 이용한 것들의 예 입니다. 여러분도 응용해서 연습해보세요.
<marquee bgcolor="#E0FFFF">파랑새 태그창고~!</marquee>
<marquee height=40>파랑새 태그창고~!</marquee>
<marquee width=200>파랑새 태그창고~!</marquee>
<marquee hspace=10 bgcolor="#7FFFD4" width=200>파랑새 태그창고~!</marquee>
<marquee vspace=10 bgcolor="#C8BBFF">파랑새 태그창고~!</marquee>
<marquee behavior="scroll">파랑새 태그창고~!</marquee>
<marquee behavior="slide">파랑새 태그창고~!</marquee>
<marquee behavior="alternate">파랑새 태그창고~!</marquee>
<marquee direction="up">파랑새 태그창고~!</marquee>
<marquee direction="left">파랑새 태그창고~!</marquee>
<marquee loop=11>파랑새 태그창고~!</marquee>
<marquee scrollamount=20>파랑새 태그창고~!</marquee>
<marquee scrolldelay=200>파랑새 태그창고~!</marquee>
'소스 모음' 카테고리의 다른 글
| 글자테그 모든것 (0) | 2012.12.22 |
|---|---|
| 사진에 내이름 넣기 (0) | 2012.12.22 |
| 2013년도 계사년 달력 (0) | 2012.12.22 |
| 태그 자세한 정보 (0) | 2012.12.22 |
| 눈내리는 소스 (0) | 2012.12.22 |