marquee 태그 활용법 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

marquee 태그 활용법 정보

HTML marquee 태그 활용법

본문

마퀴(marquee) 태그

<font color=#990099>&lt;marquee direction="right"&gt;오른쪽으로 가자...&lt;/marquee&gt; </font>
<marquee direction="right">오른쪽으로 가자... </marquee>

<font color=#990099>&lt;marquee direction="left"&gt;왼쪽으로 가자...&lt;/marquee&gt; </font>
<marquee direction="left">왼쪽으로 가자...</marquee>

'direction'은 글이 움직이는 방향이에요. 방향을 정해주지 않았을 땐 좌측으로 움직입니다.


<font color=#990099>&lt;marquee behavior="alternate" scrollamount="50"&gt;어느쪽으로 가라구~우 ㅡㅡ^?!!&lt;/marquee&gt; </font>
<marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!! </marquee>

'behavior="alternate'는 '왔다갔다' ^^ 인데요,
방향을 정해주지 않았을 땐 좌측으로 움직이게 되어 있기 때문에 좌우로 왔다갔다 하는 거예요.

<font color=#990099>&lt;marquee direction="up" scrollamount="30"&gt;빨리 Up!&lt;/marquee&gt; </font>
<marquee direction="up" scrollamout="30">빨리 Up! </marquee>

'scrollamount'는 움직이는 속도 입니다.
속도를 정해주지 않았을 땐 값이 "1"인 속도로 움직이고요, 수가 클 수록 빠르게 움직입니다.


<font color=#990099>&lt;marquee behavior="alternate" direction="up" height="80"&gt;~업 다운~ 업 다운~&lt;/marquee&gt; </font>
<marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~ </marquee>

<font color=#990099>&lt;marquee direction="down" scrollamount="10"&gt;추락의 끝은 어디...&lt;/marquee&gt; </font>
<marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee>

여기서는 'alternate'와 함께 방향을 'up'으로 했기 때문에 위아래로 반복해서 움직이는 거예요.


<font color=#990099>&lt;marquee&gt;젤&lt;ul&gt;위&lt;ul&gt;에&lt;ul&gt;있&lt;ul&gt;는&lt;ul&gt;것&lt;ul&gt;부&lt;ul&gt;터&lt;ul&gt;왼&lt;ul&gt;쪽&lt;ul&gt;으&lt;ul&gt;로.&lt;/marquee&gt; </font>
<marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로</marquee>

<font color=#990099>&lt;marquee direction=up&gt;왼&lt;ul&gt;쪽&lt;ul&gt;것&lt;ul&gt;부&lt;ul&gt;터
&lt;ul&gt;차&lt;ul&gt;례&lt;ul&gt;로&lt;ul&gt;U&lt;ul&gt;p...&lt;/marquee&gt; </font>
<marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee>

<font color=#990099>&lt;marquee behavior="alternate" scrollamount="1000"&gt;★좌에서 깜빡 우에서 깜빡★&lt;/marquee&gt; </font>
<marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee>

<font color=#990099>&lt;marquee width="300" height="50" bgcolor="ffffee" style="color:orange"&gt;
내용이 움직이는 범위하구 바탕색 넣기예요~*&lt;/marquee&gt; </font>
<marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee>

<font color=#990099>이미지를 넣어 움직이게 하고 싶을 땐,
&lt;marquee&gt;&lt;img src="이미지의 주소"&gt;&lt;/marquee&gt; </font>

<font color=#990099>글을 움직이게 하고 싶을 땐,
&lt;marquee&gt;&lt;font color="000000" size="2" face="굴림"&gt; 내용 &lt;/font&gt;&lt;/marquee&gt; </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>
추천
0

댓글 2개

전체 1,264
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT