정보,취미교실/컴퓨터 공부

마퀴 태그

자유세상2 2012. 7. 25. 21:02

마퀴 태그

지금까지
1.움직이는 방향
  direction="left"   왼쪽으로 움직임
  direction="right"  오른쪽으로 움직임
  direction="up"     위로 움직임
  direction="down"   아래로 떨어짐
2.속도
  scrollamount="1"    느림
  scrollamount="2"    조금 빠름
  이렇게 뒤의 숫자를 올려주면 빨라지고
3.배경색
  bgcolor="yellow"    노란색 바탕
  bgcolor="blue"      파란색 바탕
  이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면
  바탕색이 내가원하는 색으로 변한다는것을 이해하셨을 겁니다
  marquee만 단순히 사용하면 기본적인 지원이 됩니다
  기본이란 왼쪽으로 계속 움직이며 속도는 약 4정도로 움직이죠
4. behavior!!!!="slide"
     marquee 다음에 이렇게 넣으면 글이 오다가
     끝에서 멈추어라는 말입니다
5. behavior!!!!="alternate"
     이건 왔다갔다 하라는 말이죠
 
실제로 해볼까요.
연습장에 아래와같이 해보세요
<marquee direction="up" scrollamount="1" 
bgcolor="skyblue" behavior!!!!="slide">
키스의 의미 <br><br>
이마에 하는 Kiss는<br>
우정을 의미하고<br>
감은 눈 위에 하는 입맞춤은<br>
감사의 Kiss<br>
코 끝에 하는 Kiss는<br>
당신에게 행운이 함께 하길빈다는 뜻<br>
볼에 하는 Kiss는<br>
반가움을 뜻하고<br>
입술에 하는 것은<br>
사랑의 Kiss<br></marquee>
결과보기

behavior!!!!=slide bgColor=skyblue>키스의 의미

이마에 하는 Kiss는
우정을 의미하고
감은 눈 위에 하는 입맞춤은
감사의 Kiss
코 끝에 하는 Kiss는
당신에게 행운이 함께 하길빈다는 뜻
볼에 하는 Kiss는
반가움을 뜻하고
입술에 하는 것은
사랑의 Kiss



글이 이미 멈추어져 있으면 위 메뉴에서 새로고침 클릭해서 다시 보세요.

behavior!!!!="alternate"의 적용
<marquee direction="left" scrollamount="5" bgcolor="pink" behavior!!!!="alternate">어린왕자 사랑해요 ♬♩♪♩♩♪♬♥~~</marquee>
결과보기

behavior!!!!=alternate bgColor=pink>사랑해요 ♬♩♪♩♩♪♬♥~~


6. width="원하는 크기의 수"   가로의 크기를 지정합니다
   height="원하는 크기의 수"  높이를 지정합니다
가로와 세로의 크기를 이렇게하면

<marquee direction="left" scrollamount="5" bgcolor="pink" behavior!!!!="alternate" width="100" height="30">어린왕자 사랑해요 ♥~~</marquee>
결과보기

behavior!!!!=alternate width=100 bgColor=pink height=30>어린왕자 사랑해요 ♥~~

가로와 세로의 크기를 이렇게고치면

<marquee direction="left" scrollamount="5" bgcolor="pink" behavior!!!!="alternate" width="350" height="100">어린왕자 사랑해요 ♥~~</marquee>

결과보기

behavior!!!!=alternate width=350 bgColor=pink height=100>사랑해요 ♥~~

 
7.응용을 하나만 더할까요?
  글자가 지그 재그로 움직이는건 marquee를 이중으로
  사용합니다
marquee의 2중 사용예

한번은 상하로 한번은 좌우로 움직이게 합니다

<marquee><marquee direction="up" scrollamount="5" behavior!!!!="alternate" width="350" height="150">어린왕자 사랑해요 ♥~~</marquee></marquee>

결과보기

behavior!!!!=alternate width=350 height=150>사랑해요 ♥~~

 
이상으로 marquee의 명령은 마치겠읍니다
아래의 예를 연구하여 직접 해보세요
연구1 : 펄쩍 뛰는 원숭이

behavior!!!!=alternate height=60>@(. .)@
 (( Y ))

연구2 : 눈 내리는날 연인과 함께

  *     * * * *
  * *
 * * *
* * *    *
  *
  * * *   * ** *
 * ** *

_________&&____________

연구3 : 영치기 영차

behavior!!!!=alternate width=100 height=50>&&&&&&----

연구4 :어린왕자 사랑해^^

behavior!!!!=alternate width=150>~~//^} behavior!!!!=alternate width=150>{^]]~~