본문 바로가기
[내 맘대로 즐거운코너]/컴퓨터공부

태그연습실(움직이는태그)

by 팬홀더/자운영(시적성) 2009. 11. 13.

 marquee 에 관하여 알아보겠읍니다
지금까지
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>
결과보기

키스의 의미

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



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

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

사랑해요 ♬♩♪♩♩♪♬♥~~


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

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

사랑해요 ♥~~

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

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

결과보기

사랑해요 ♥~~

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

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

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

결과보기

사랑해요 ♥~~

 
이상으로 marquee의 명령은 마치겠읍니다

연구1 : 펄쩍 뛰는 원숭이

@(. .)@
 (( Y ))

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

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

_________&&____________

연구3 : 영치기 영차

&&&&&&----

연구4 : 사랑해^^

~~//^} {^]]~~