marquee 태그 활용법
마퀴(marquee) 태그
<font color=#990099><marquee direction="right">오른쪽으로 가자...</marquee> </font>
<marquee direction="right">오른쪽으로 가자... </marquee>
<font color=#990099><marquee direction="left">왼쪽으로 가자...</marquee> </font>
<marquee direction="left">왼쪽으로 가자...</marquee>
'direction'은 글이 움직이는 방향이에요. 방향을 정해주지 않았을 땐 좌측으로 움직입니다.
<font color=#990099><marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!!</marquee> </font>
<marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!! </marquee>
'behavior="alternate'는 '왔다갔다' ^^ 인데요,
방향을 정해주지 않았을 땐 좌측으로 움직이게 되어 있기 때문에 좌우로 왔다갔다 하는 거예요.
<font color=#990099><marquee direction="up" scrollamount="30">빨리 Up!</marquee> </font>
<marquee direction="up" scrollamout="30">빨리 Up! </marquee>
'scrollamount'는 움직이는 속도 입니다.
속도를 정해주지 않았을 땐 값이 "1"인 속도로 움직이고요, 수가 클 수록 빠르게 움직입니다.
<font color=#990099><marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~</marquee> </font>
<marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~ </marquee>
<font color=#990099><marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee> </font>
<marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee>
여기서는 'alternate'와 함께 방향을 'up'으로 했기 때문에 위아래로 반복해서 움직이는 거예요.
<font color=#990099><marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로.</marquee> </font>
<marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로</marquee>
<font color=#990099><marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터
<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee> </font>
<marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee>
<font color=#990099><marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee> </font>
<marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee>
<font color=#990099><marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee> </font>
<marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee>
<font color=#990099>이미지를 넣어 움직이게 하고 싶을 땐,
<marquee><img src="이미지의 주소"></marquee> </font>
<font color=#990099>글을 움직이게 하고 싶을 땐,
<marquee><font color="000000" size="2" face="굴림"> 내용 </font></marquee> </font>
▒ direction="방향" // left, right, up, down
▒ scrollamount="스크롤의 속도"
▒ loop="반복횟수" // 무한 반복은 "infinite"
▒ behavior="slide" // 반복 후에 화면 끝에서 정지
▒ behavior="alternate" // 반복하기
▒ scrolldelay="스크롤 지연값"
▒ bgcolor="스크롤 영역의 배경색"
▒ width="스크롤 영역의 넓이"
▒ height="스크롤 영역의 높이"<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<font color=#990099><marquee direction="right">오른쪽으로 가자...</marquee> </font>
<marquee direction="right">오른쪽으로 가자... </marquee>
<font color=#990099><marquee direction="left">왼쪽으로 가자...</marquee> </font>
<marquee direction="left">왼쪽으로 가자...</marquee>
'direction'은 글이 움직이는 방향이에요. 방향을 정해주지 않았을 땐 좌측으로 움직입니다.
<font color=#990099><marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!!</marquee> </font>
<marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!! </marquee>
'behavior="alternate'는 '왔다갔다' ^^ 인데요,
방향을 정해주지 않았을 땐 좌측으로 움직이게 되어 있기 때문에 좌우로 왔다갔다 하는 거예요.
<font color=#990099><marquee direction="up" scrollamount="30">빨리 Up!</marquee> </font>
<marquee direction="up" scrollamout="30">빨리 Up! </marquee>
'scrollamount'는 움직이는 속도 입니다.
속도를 정해주지 않았을 땐 값이 "1"인 속도로 움직이고요, 수가 클 수록 빠르게 움직입니다.
<font color=#990099><marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~</marquee> </font>
<marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~ </marquee>
<font color=#990099><marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee> </font>
<marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee>
여기서는 'alternate'와 함께 방향을 'up'으로 했기 때문에 위아래로 반복해서 움직이는 거예요.
<font color=#990099><marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로.</marquee> </font>
<marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로</marquee>
<font color=#990099><marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터
<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee> </font>
<marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee>
<font color=#990099><marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee> </font>
<marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee>
<font color=#990099><marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee> </font>
<marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee>
<font color=#990099>이미지를 넣어 움직이게 하고 싶을 땐,
<marquee><img src="이미지의 주소"></marquee> </font>
<font color=#990099>글을 움직이게 하고 싶을 땐,
<marquee><font color="000000" size="2" face="굴림"> 내용 </font></marquee> </font>
▒ direction="방향" // left, right, up, down
▒ scrollamount="스크롤의 속도"
▒ loop="반복횟수" // 무한 반복은 "infinite"
▒ behavior="slide" // 반복 후에 화면 끝에서 정지
▒ behavior="alternate" // 반복하기
▒ scrolldelay="스크롤 지연값"
▒ bgcolor="스크롤 영역의 배경색"
▒ width="스크롤 영역의 넓이"
▒ height="스크롤 영역의 높이"<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 2개
18년 전
감사합니다 좋은정보네요 ㅋ
takumi22
12년 전
간 만에 마퀴태그를 보니 반갑네요^^
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 227 | HTML |
hwatta
|
18년 전 | 5443 | |
| 226 | HTML | 18년 전 | 3089 | ||
| 225 | HTML | 18년 전 | 3647 | ||
| 224 | HTML |
mixdesign
|
18년 전 | 3949 | |
| 223 | HTML |
mixdesign
|
18년 전 | 5008 | |
| 222 | HTML | 18년 전 | 3135 | ||
| 221 | HTML | 18년 전 | 2989 | ||
| 220 | HTML |
|
18년 전 | 5123 | |
| 219 | HTML | 18년 전 | 4144 | ||
| 218 | HTML | 18년 전 | 5407 | ||
| 217 | HTML | 18년 전 | 2938 | ||
| 216 | HTML | 18년 전 | 3071 | ||
| 215 | HTML | 18년 전 | 3735 | ||
| 214 | HTML | 18년 전 | 3316 | ||
| 213 | HTML | 18년 전 | 2869 | ||
| 212 | HTML | 18년 전 | 4424 | ||
| 211 | HTML | 18년 전 | 3805 | ||
| 210 | HTML | 18년 전 | 3362 | ||
| 209 | HTML | 18년 전 | 3374 | ||
| 208 | HTML | 18년 전 | 2910 | ||
| 207 | HTML | 18년 전 | 4760 | ||
| 206 | HTML | 18년 전 | 4914 | ||
| 205 | HTML | 18년 전 | 4893 | ||
| 204 | HTML | 18년 전 | 5333 | ||
| 203 | HTML |
|
18년 전 | 4687 | |
| 202 | HTML | 18년 전 | 4740 | ||
| 201 | HTML | 18년 전 | 4236 | ||
| 200 | HTML | 18년 전 | 4925 | ||
| 199 | HTML | 18년 전 | 5544 | ||
| 198 | HTML | 18년 전 | 4086 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기