마퀴테그 방향과 속도
방향
<marquee> 움직일까?</marquee>
<marquee direction="right"> 오른쪽으로 움직여라</marquee>
<marquee direction="up"> 위쪽으로 움직여라</marquee>
<marquee direction="down"> 밑으로 떨어진다</marquee>
<marquee behavior="slide"> 왼쪽으로 오다 멈추어라 </marquee>
<marquee behavior="alternat"> 이건 왔다갔다 하라는 말이죠</marquee>
속도
<marquee scrollamount="1"> 천천히 움직여라</marquee>
<marquee scrollamount="2"> 조금더빠르게 움직여라</marquee>
<marquee scrollamount="3"> 더욱 빨리</marquee>
<marquee scrollamount="4"> 더빨리 움직여볼래?</marquee>
<marquee scrollamount="5"> 넘느려 더빨리</marquee>
<marquee scrollamount="6"> 음..빠르군^^</marquee>
<marquee scrollamount="20"> 우와 너무 빨라</marquee>
<marquee direction="right" scrollamount="1">
넌 오른쪽으로 천천히 움직여라</marquee>
************************************************
marquee 다음에 direction은 움직임의 방향 명령이고
scrollamount 속도 명령은 아시겠죠?
글자에 바탕색을 넣어보죠
바탕색 명령은 bgcolor 입니다
bgcolor="넣고싶은 색 코드" 물론 marquee 명령내에 넣어야죠
<marquee bgcolor="yellow"> 노란색 바탕</marquee>
그럼 지금까지배운 모든걸 적용해보겠어요
<marquee direction="up" scrollamount="1" bgcolor="yellow">
행복
주는 것은 받는 것보다 행복하며
사랑하는 것은 사랑받는 것보다
아름답고 사람들을 행복하게 한다
- 헤르만 헷세 -</marquee>
배경색
bgcolor="green" 초록색 바탕 #00ff00
bgcolor="blue" 파란색 바탕 #0000ff
이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면
바탕색이 내가원하는색으로 변한다는것을 이해 하셨을겁니다
marquee만 단순히 사용하면 기본적인 지원이 됩니다
기본이란 왼쪽으로 계속 움직 이며 속도는 약 4정도로 움직이죠
다시 한번 해볼까요
<marquee direction="up" scrollamount="1"
bgcolor="skyblue" behavior="slide">
웰에이징
웰에이징사람이 사람답게 사는 것을
'웰빙(Wellbeing)'이라고 한다면
사람이 사람답게 죽는 것을
‘웰다잉(Welldying)'이라고 하며
사람이 사람답게 늙는 것을
'웰에이징(Wellaging)'이라고 합니다
</marquee>
behavior="alternate"의 적용
<marquee direction="left" scrollamount="5" bgcolor="pink" behavior="alternate">
사랑해요 ♬♩♪♩♩♪♬♥~~</marquee>
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>
글자가 지그 재그로 움직이는건 marquee를 이중으로 사용합니다
marquee의 2중 사용예
한번은 상하로 한번은 좌우로 움직이게 합니다
<marquee><marquee direction="up" scrollamount="5" behavior="alternate"
width="350" height="150">
사랑해요 ♥~~</marquee></marquee>