지금까지 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!!!!="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 : 펄쩍 뛰는 원숭이
behavior!!!!=alternate height=60>@(. .)@ (( Y )) |
연구2 : 눈 내리는날 연인과 함께
* * * * * * * * * * * * * * * * * * * ** * * ** *
_________&&____________ |
연구3 : 영치기 영차
behavior!!!!=alternate width=100 height=50>&&&&&&---- |
연구4 :어린왕자 사랑해^^
behavior!!!!=alternate width=150>~~//^}♥
behavior!!!!=alternate width=150>{^]]~~ |