본문 바로가기

웹디자인

[홈페이지제작 강좌] HTML 기본강좌 (춤추는 글자 3)

 2. 춤추는 글자
 응용2   화살쏘기(단순 마퀴태그)
   이건 응용1 보다 훨씬 쉬운건데요....효과는 더 만빵이랍니다.^^
 ① 우선 화살을 쏠려면 활과 화살이 있어야 겠져^^ ←♡--<  ☜어때요? 화살 같죠?^^ 활은 {>☜조금 어설프지만 활이라고 봐주시길...^^ 자...활과 화살을 만들었으니 이제 마퀴태그를 이용해서 쏘는 일만 남았군요^^
 ② <marquee>←♡--<</marquee> ☜이걸 실행시켜보면 화살이 날아가는 걸 볼 수 있습니다.^^ 그럼 여기서 조금 더 그렇듯 하게 꾸며 보면......
 ③ 큐피트의 화살<marquee width="300">←♡--<</marquee><font size="5">{></font> ☜ 어때요? 그렇듯 하져?^^

 응용3 반짝반짝 (좌우반복과 속도)
 ① <marquee behavior=alternate width=1100 scrollamount=1000> 반짝</marquee>☜ 좌우 반복과 너비조절, 이동량을 조절해서 만들어준 건데요.....scrollamount 속성을 잘 이용해서 만든 예제네요^^

 응용4  도리도리 (좌우반복과 너비)
 ① (<marquee behavior=alternate width=30>@^.^@</marquee>)도리 ☜ 초보분들이 지금껏 가장 많이 물어봤던 것 중 하나인데요....채팅방에서 사용해보면 재미있져^^ 도리도리 흔드는 걸 봐서는 어려울 것 같지만 그 원리는 아주 단순하답니다.^^ 그냥 좌우 왕복과 그에 맞게 너비조정만 해준거죠^^

 응용5  한줄 쓰기 (방향)
 ① <MARQUEE DIRECTION=RIGHT><MARQUEE DIRECTION=LEFT>여러분~~ 안녕하세요^^ 만나서 방갑습니다. - 태그매니아-</MARQUEE> ☜ 단순히 방향조절만 해주면 이렇게 멋진 마퀴태그 효과를 나타낼 수 있습니다. 신기하져?^^

 응용 6  달팽이 (방향과 속도)
 ① <marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> ☜ 달팽이 입니다...--;;;

 대충 응용하는 거에 대해서 배워봤는데요....마퀴태그는 여러분들이 어떻게 응용하느냐에 따라서 무한한 효과를 나타낼 수 있습니다.^^ 심심할 때 한번씩 만들어 보세요^^ 그럼 여기서 마퀴태그에 대한 강의를 완죤히 마치겠습니다. 그럼 이만....^^

<marquee behavior=alternate width=1100 scrollamount=1000><h1>★</font><br>
<marquee bgcolor=pink>모두즐팅하소^^*</marquee><marquee bgcolor=cred>왜그라요.</marquee>
<marquee direction=up behavior=alternate height=40>^^"아니라니까</marquee>올라내라
<marquee direction='down'><marquee><h1>하핫~</h1></marquee></marquee>
<marquee width=400>토커<marquee width=300>←♡-<</marquee></marquee><font size=6>{>
<marquee width=500 scrollamount=300><font size=7>정신없당~</marquee>
<marquee font behavior=alternate scrollamount=100><h1>★★★tester☆☆☆☆☆</marquee>
<MARQUEE bgcolor=white direction=up> 사랑이란.... <P><P> 끝없는<P><P> 기다림의 연속이다....<P><P></MARQUEE>
<MARQUEE direction=right>ⓘ ⓛⓞⓥⓔ</MARQUEE>♡<MARQUEE direction=reft>ⓨⓞⓤ</MARQUEE>