[스크랩] 마퀴 태그

지금까지 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!!!

< !-- 스크랩 출처 -->