태그자료] marquee (움직이는 문자)
2007-03-08 14:54:59

태그자료] marquee (움직이는 문자)
 marquee 에 관하여 알아보겠읍니다

1.움직이는 방향
  기본형식 : <marquee direction=이동방향> 글자 </marquee>

  direction=left   왼쪽으로 움직임
  direction=right  오른쪽으로 움직임
  direction=up     위로 움직임
  direction=down   아래로 떨어짐

2.속도
  기본형식1 : <marquee scrollamount=숫자> 글자 </marquee>

  scrollamount="1"    느림
  scrollamount="2"    조금 빠름
  이렇게 뒤의 숫자를 올려주면 빨라지고

  기본형식2 : <marquee scrolldelay=숫자> 글자 </marquee>

  scrolldelay=100    빠름
  scrolldelay=200    조금 느려짐
  이렇게 뒤의 숫자를 점점 크게하면 느려지고

3.배경색
  기본형식 : <marquee bgcolor=색이름> 글자 </marquee>

  bgcolor=yellow    노란색 바탕
  bgcolor=blue      파란색 바탕

  이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면
  바탕색이 내가원하는색으로 변한다는것을 이해 하셨을겁니다
  
  marquee만 단순히 사용하면 기본적인 지원이 됩니다
  기본이란 왼쪽으로 계속 움직 이며 속도는 약 4정도로 움직이죠




 marquee 태그 안에 사용하는 속성들은
 여러 개를 동시에 지정할 수 있습니다.

예를 들면,
<marquee direction=right bgcolor=yellow scrollamount=2 scrolldelay=100>
처럼 사용할 수 있습니다.

------------------------------------
죄송합니다..ㅠㅠ;;
behavior 속성이 게시판에서 먹히지를 않는군요.
시간이 나는대로 이 내용을 다른 것으로 보충을 하도록 하겠습니다.


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> 키스의 의미

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



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

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


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

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

behavior=alternate>사랑해요 ♥~~

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

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

결과보기

behavior=alternate>사랑해요 ♥~~

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

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

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

결과보기

behavior=alternate>사랑해요 ♥~~

 
이상으로 marquee의 명령은 마치겠읍니다
다음은 아름다운글 올리는 방법
font 편을 보내드리죠
글자의 색상을 변하게 하고
크기를 변하게 합니다
아래의 예를 연구하여 직접 해보세요
연구1 : 펄쩍 뛰는 원숭이


@(. .)@
 (( Y ))

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

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

_________&&____________

연구3 : 영치기 영차

behavior=alternate>&&&&&&----

연구4 : 사랑해^^

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





Raindrops / 현진


admin

이전으로