나

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-03-10 조회 4,967
07-03-09 조회 3,972
07-03-08 조회 4,463
07-03-08 조회 3,947
07-03-08 조회 2,840
07-03-08 조회 3,250
07-03-08 조회 4,859
07-03-08 조회 4,135
07-03-07 조회 4,139
07-03-07 조회 4,798
07-03-07 조회 3,312
07-03-06 조회 3,450
07-03-05 조회 4,374
07-03-05 조회 2,979
07-03-04 조회 3,371
07-03-04 조회 3,659
07-03-04 조회 2,879
07-03-04 조회 3,302
07-03-04 조회 3,098
07-03-03 조회 3,669
07-03-02 조회 3,064
07-03-02 조회 2,867
07-03-02 조회 2,910
07-03-02 조회 2,900
07-03-02 조회 3,898
07-03-02 조회 2,725
07-03-02 조회 6,807
07-03-01 조회 3,581
07-03-01 조회 2,781
07-03-01 조회 5,917
07-02-28 조회 3,198
07-02-27 조회 6,081
07-02-27 조회 4,369
07-02-26 조회 3,272
07-02-26 조회 2,952
07-02-26 조회 3,304
07-02-26 조회 2,925
07-02-26 조회 2,988
07-02-26 조회 3,049
07-02-25 조회 3,675
07-02-24 조회 4,792
07-02-24 조회 7,146
07-02-24 조회 4,982
07-02-23 조회 4,297
07-02-23 조회 3,361
07-02-23 조회 3,625
07-02-23 조회 3,364
07-02-23 조회 3,595
07-02-23 조회 3,543
07-02-22 조회 3,974
07-02-22 조회 3,773
07-02-22 조회 3,196
07-02-22 조회 4,483
07-02-21 조회 4,846
07-02-21 조회 5,056
07-02-21 조회 4,565
07-02-20 조회 4,647
07-02-19 조회 3,803
07-02-19 조회 3,704
07-02-19 조회 3,666
07-02-19 조회 3,532
07-02-19 조회 3,814
07-02-18 조회 5,084
07-02-17 조회 4,826
07-02-16 조회 3,287
07-02-15 조회 3,173
07-02-15 조회 2,719
07-02-14 조회 5,179
07-02-14 조회 7,050
07-02-14 조회 8,126
07-02-14 조회 3,789
07-02-12 조회 3,897
07-02-12 조회 5,378
07-02-12 조회 3,432
07-02-11 조회 4,815
07-02-10 조회 4,124
07-02-10 조회 4,010
07-02-10 조회 3,506
07-02-10 조회 3,763
07-02-09 조회 3,889
07-02-09 조회 4,400
07-02-08 조회 4,927
07-02-08 조회 4,556
07-02-04 조회 4,039
07-02-04 조회 3,557
07-02-03 조회 4,159
07-02-03 조회 4,257
07-02-02 조회 3,752
07-02-02 조회 3,553
07-02-02 조회 4,563
07-02-02 조회 6,252
07-02-02 조회 6,363
07-02-01 조회 3,575
07-01-31 조회 3,420
07-01-30 조회 6,309
07-01-30 조회 1만
07-01-29 조회 3,275
07-01-28 조회 6,170
07-01-27 조회 5,672
07-01-26 조회 3,828