2. 맛깔나는 삶/컴퓨터 알아보기

마퀴 공부 총정리

프랜들리 2014. 6. 1. 14:47 

※ 참고 사항 : 컴에는 기본 명령어가 "왼쪽/ 위쪽 우선"으로 설정되어 있읍니다.
그러므로 특별한 명령이 주어지지않으면 왼쪽으로 정렬합니다.
그래서 마퀴태그의 기본 문장인 "<marquee>내 용</marquee>"를 사용하면,
내용이 왼쪽으로 이동합니다.
글뿐 아니라, 이미지나 사진도 방법이 동일하게 움직입니다.


※ 마퀴 태그가 뭐에요?

마퀴 태그란 인터넷상에서 글자가 좌우상하 운동을 할 수 있도록 해주는 태그 소스를 말합니다.

이런 것이 바로 마퀴 태그 ⇒

 이것이 마퀴태그 ^^

※ 마퀴태그 명령문 알아보기..

마퀴 태그는 <Marquee> 라고하는 주 명령문에 Behavior,  Direction, ScrollDelay,  ScrollAmount, Height,  Width 등의
부 명령문으로 이루어져 있습니다.

▒▒▒ Behavior ▒▒▒

① Slide - 멈춤형 명령 : 지정한 장소까지 이동한 후에, 멈춰 섭니다.

 명령어 :<MarQuee Behavior="Slide"> 내용 </MarQuee>

내 용

지정된 장소까지 이동한 후에, 멈춰 섭니다.

② Scrol - 일직형 명령 : 지정한 장소를 지나면 글이 사라집니다

 명령어 :<MarQuee Behavior="Scrol"> 내용 </MarQuee>

내 용

지정한 장소를 지나면 글이 사라집니다

③ Alternate - 왕복형 명령 : 지정된 장소를 왕복합니다

 명령어 :<MarQuee Behavior="Alternate"> 내용 </MarQuee>

내 용

지정된 장소를 왕복합니다


▒▒▒ Direction ▒▒▒ ⇒ 마퀴 태그의 방향을 정해주는 명령문입니다.
글뿐 아니라, 이미지의 이동 방법도 동일합니다.(아래에 이미지 추가)

명령어 :<MarQuee Direction="Up">위로..</MarQuee>

명령어 :<MarQuee Direction="Down">아래로..</MarQuee>

위로 올라 가는글

아래로 진행 하는 글

명령어:<MarQuee Direction="Left"> 왼쪽으로..</MarQuee>

명령어:<MarQuee Direction="Right"> 오른쪽..</MarQuee>

왼쪽으로 이동

오른쪽으로 이동

 

▒▒▒ ScrollAmount ▒▒▒ ⇒ 마퀴 태그의 이동 속도를 나타내는 것입니다.

명령어 :<MarQuee ScrollAmount="1"> 결과 ⇒

이동 속도 = 1

명령어 :<MarQuee ScrollAmount="5"> 결과 ⇒

이동 속도 = 5

명령어 :<MarQuee ScrollAmount="10"> 결과 ⇒

이동 속도 = 10

 

▒▒▒ ScrollDelay ▒▒▒ ⇒ 마퀴 태그의 이동중에 잠깐씩 톡~ 톡 튀는듯 멈추었다가 진행됩니다.

명령어 :<MarQuee ScrollDelay="100"> 결과 ⇒

이동 속도 = 100

명령어 :<MarQuee ScrollDelay="500"> 결과 ⇒

이동 속도 = 500

명령어 :<MarQuee ScrollDelay="1000"> 결과 ⇒

이동 속도 = 1000

 

▒▒▒ Loop ▒▒▒ ⇒ 태그의 반복 횟수를 나타내는 것입니다. 반복 횟수를 채우면 사라지거나 멈추게 됩니다.

명령어 :<MarQuee Loop="5"> 결과 ⇒

5번 반복

명령어 :<MarQuee Loop="10"> 결과 ⇒

10번 반복

명령어 :<MarQuee Loop="100"> 결과 ⇒

100번 반복

 

▒▒▒ BGColor ▒▒▒ ⇒ 태그가 움직이는 영역 안의 색을 지정하는 것입니다

명령어 :<MarQueeBgColor="Blue"> Blue </Marquee> 결과 ⇒

 Blue

 


▒▒▒ Width,  Height ▒▒▒ ⇒  Width는 '가로 폭 지정'할때, Height는 '세로 폭 지정'할때 사용하면 됩니다.
<MARQUEE> 태그에 사용할때는, 마퀴의 운동 범위를 지정할때 사용합니다.

~~m^_^m~~

아주 재미있죠? 이제 재미 있는 응용의 예들을 만들어 보겠습니다.

태그 안에 있는 속성들을 잘 살펴 보시고 꼭 한 번 씩 따라 해보세요!

태그 입력 형태

결과물 출력 형태

    <marquee widlh=200 scrollamount=200>어렵지만
    재미있네~!</marque>

  어렵지만 재미있네~

 

 

 

 

 

    <marquee direction="right" scrollamount="1">느림보
    걸음걸이 ^^*</marquee>

  느림보 걸음걸이 ^^*

    <marquee bgcolor="blue"><font color=yellow size=2>
    그래도 재미 있져?</marquee>

그래도 재미 있져?


    <marquee behavior=slide scrolldelay=100 scrollamount=50 
    loop=2"> 하핫 (^_^)!!</marquee>

  하핫 (^_^)!!

    <MARQUEE width=400>d^.^b<MARQUEE width="300">
    ←♡--< ≡</MARQUEE></MARQUEE>

  d^.^b ←♡--< ≡


  <marquee direction=up behavior=alternate width=300 height=200>
  <marquee  behavior=alternate width=300><img 
  src=http://myhome.hanafos.com/~jwoo55/anim0/an360.gif>
  </marquee>

    <marquee width=300>비켜~!!~ <marquee direction=right>어~!! 그만와 !</marquee></marquee>

비켜~!!~ 어~!! 그만와 !

    <marquee behavior=alternate width=35>^0^</marquee>
    우리 아가~ 도리도리

  ^0^우리 아가~ 도리도리

    <marquee direction="RIGHT" scrollamount="1"> __@/``</marquee>달팽이다~ __@/``달팽이다

  __@/``달팽이다~ __@/``달팽이다

    <marquee font behavior=alternate scrollamount=100>
    바쁘다~ 바뻐~!! </marquee>

바쁘다~ 바뻐~!!

    <marquee scrollamount=1>굼벵이</marquee>
   굼벵이
    <marquee scrollamount=30>간다</marquee>
   간다
    <marquee scrollamount=100>총알같이</marquee>
   총알같이
    <marquee behavior="scroll">한쪽 방향으로만 쭉~ </marquee>
   한쪽 방향으로만 쭉~
    <marquee behavior="slide" loop="5"> 5번 갔다 와서 쉬고 있어~!</marquee>
   5번 갔다 와서 쉬고 있어~!
    <marquee behavior="alternate"> 좌우로 왔다갔다..</marquee>
   좌우로 왔다갔다..
    <marquee behavior=alternate direction=up> 상하로 운동하네~~</marquee>
   상하로 운동하네~~
    <marquee direction=right>오른쪽으로~~ </marquee>
   오른쪽으로~~
    <marquee direction=left>왼쪽으로~~</marquee>
   왼쪽으로~~
    <marquee direction=up height=60>위로</marquee>
   위로
    <marquee direction=down height=60> 아래로~~</marquee>
   아래로~~
    <marquee direction=down>
    <ul>♡<ul>홧<ul>팅!<ul>♡</marquee>


    - <ul> 소스를 사용하면 줄이 바뀐후
    1cm쯤 뒤쪽에서 시작함 -

 
    ♡
      홧
        팅!
          ♡
    <marquee>일<br>어<br>서<br>서</marquee>
   일
어
서
서
    <marquee behavior=alternate scrollamount=1000> 깜박깜박</marquee>
   깜박깜박
    <MARQUEE SCROLLAMOUNT=300> 한곳에서 반짝!</marquee>
   한곳에서 반짝!
    <marquee direction=up><marquee>이미지 : <IMG SRC="http://urikr.com/script/12_leaves.gif"> </marquee></marquee>
   이미지 : 
  <marquee direction=up behavior=alternate>
  <marquee behavior=alternate>이미지 : <img
 src=https://t1.daumcdn.net/daumtop_deco/icon/image.hanmail.net/hanmail/general/logo_sec.gif> 
  </marquee></marquee>
 이미지 :
    <marquee BGCOLOR=yellow width="300"> 노란배경색 </marquee>
   노란배경색
    <marquee BGCOLOR=00ff00 width="300 height="30"> 가로 300 세로 30인 사이즈 </marquee>
   가로 300 세로 30인 사이즈
    <marquee BGCOLOR=fuchsia width="280" height="30" direction="left"> 가로 280 세로 30 사이즈로.. 왼쪽으로 </marquee>
   가로 280 세로 30 사이즈로 왼쪽으로
    <marquee BGCOLOR=fuchsia width="280" height="30" direction="right"> 오른쪽으로 </marquee>
   오른쪽으로
    <marquee BGCOLOR=red width="300" height="50" direction="up"> 위로~ </marquee>
   위로~
    <marquee BGCOLOR=red width="300" height="50" direction="down"><<?>FONT SIZE=4> 아래로~ </marquee>
   아래로~
    <marquee BGCOLOR=orange width="300" height="20" BEHAVIOR="slide"> 슬라이드 마퀴 </marquee>
   슬라이드 마퀴
    <marquee BGCOLOR=pink width="300" height="20" BEHAVIOR="alternate"> 왔다 갔다 </marquee>
   왔다 갔다
    <marquee BGCOLOR=yellow width="200" height="20" scrollamount="10" scrolldelay="195"> 조금느리게 </marquee>
   조금 느리게
    <marquee BGCOLOR="yellow" width="200" height="20" scrollamount="25" scrolldelay="10"> 빠르게 </marquee>
   빠르게