나

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>
|

댓글 2개

감사합니다 좋은정보네요 ㅋ
간 만에 마퀴태그를 보니 반갑네요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
07-07-16 조회 3,098
07-07-06 조회 2,969
07-07-06 조회 3,416
07-06-23 조회 3,238
07-06-16 조회 2,751
07-05-20 조회 4,246
07-05-09 조회 3,421
07-05-09 조회 6,063
07-05-04 조회 2,659
07-04-30 조회 9,798
07-04-27 조회 4,296
07-04-26 조회 3,412
07-04-25 조회 5,237
07-04-18 조회 7,746
07-04-13 조회 3,080
07-04-12 조회 6,599
07-04-12 조회 5,006
07-04-12 조회 3,308
07-04-11 조회 5,682
07-04-05 조회 6,335
07-03-24 조회 4,385
07-03-20 조회 3,703
07-03-18 조회 3,971
07-03-18 조회 4,722
07-03-17 조회 4,210
07-03-16 조회 4,114
07-03-15 조회 5,259
07-03-13 조회 5,360
07-03-13 조회 3,555
07-03-08 조회 4,471
07-03-08 조회 3,954
07-03-08 조회 3,258
07-03-08 조회 4,151
07-03-05 조회 4,391
07-03-04 조회 2,888
07-03-01 조회 5,925
07-02-28 조회 3,209
07-02-27 조회 4,383
07-02-26 조회 3,283
07-02-26 조회 3,001
07-02-23 조회 3,639
07-02-23 조회 3,608
07-02-22 조회 3,986
07-02-22 조회 3,788
07-02-19 조회 3,823
07-02-17 조회 4,835
07-02-14 조회 8,136
07-02-12 조회 3,910
07-02-10 조회 3,515
07-02-02 조회 3,767
07-01-31 조회 3,436
07-01-29 조회 3,292
07-01-25 조회 5,075
07-01-21 조회 3,220
07-01-19 조회 3,012
06-12-15 조회 4,006
06-12-15 조회 4,421
06-12-15 조회 2,914
06-12-15 조회 4,458
06-12-15 조회 3,359
06-12-15 조회 4,067
06-12-15 조회 3,008
06-12-15 조회 2,732
06-12-15 조회 4,605
06-12-15 조회 3,150
06-12-15 조회 3,242
06-12-07 조회 4,689
06-12-07 조회 3,981
06-12-04 조회 4,612
06-11-27 조회 3,666
06-11-21 조회 3,987
06-11-15 조회 3,423
06-11-04 조회 3,302
06-10-29 조회 3,954
06-10-13 조회 3,818
06-10-13 조회 4,193
06-10-13 조회 4,147
06-10-12 조회 5,340
06-10-12 조회 4,254
06-10-04 조회 3,746
06-10-02 조회 4,535
06-09-29 조회 3,025
06-09-26 조회 3,362
06-09-26 조회 3,620
06-09-26 조회 3,268
06-09-26 조회 3,411
06-09-26 조회 4,325
06-09-25 조회 4,622
06-09-22 조회 4,953
06-09-22 조회 3,523
06-09-21 조회 4,294
06-09-21 조회 4,305
06-09-21 조회 3,522
06-09-21 조회 5,176
06-09-21 조회 3,703
06-09-21 조회 3,440
06-09-20 조회 2,997
06-09-15 조회 3,126
06-09-13 조회 3,433
06-09-11 조회 3,249