움직이는 글자태그!

 

※이미지에도 같은 효과를 낼수 있습니다

■<marquee>

1. 기본형 문자 흘리기

<marquee>원하는 문자 입력하는 곳</marquee>

원하는 문자 입력하는 곳

2. 글자모양 바꾸기

<marquee><font face="궁서체">난 "궁서체"야</font></marquee>

난 "궁서체"야

 

3. 글꼴 & 글자크기 & 글자색 바꾸기

<marquee><font face="궁서체" size=4 color=blue>궁서체 글자크기 4포인트 파랑색</font></marquee>

궁서체 글자크기 4 파랑색

4. 상하,좌우로 왕복

1.<marquee behavior=alternate>왼쪽으로 갈까! 오른쪽으로 갈까</marquee> 2.<marquee behavior=alternate direction=up>위로 갈까? 아래로 갈까?</marquee>

1. 왼쪽으로 갈까! 오른쪽으로 갈까 2. 위로 갈까? 아래로 갈까?

5. 한번에 이동하는 거리 설정하기

<marquee scrollamount="1">거북이</marquee> <marquee scrollamount="5">토끼</marquee> <marquee scrollamount="10">치타</marquee>

거북이 토끼 치타

6. 스크롤되는 시간 간격 설정하기

<marquee scrolldelay="100">치타</marquee> <marquee scrolldelay="500">토끼</marquee> <marquee scrolldelay="1000">거북이</marquee>

치타 토끼 거북이

7. 방향 조정하기

<marquee direction=right>문자야오른쪽으로 가자</marquee> 문자야 오른쪽으로 가자

<marquee direction=left>문자야! 왼쪽으로 가자</marquee> 문자야! 왼쪽으로 가자

<marquee direction=down>문자야! 아래로 가자.</marquee> 문자야! 아래로 가자.

<marquee direction=up>문자야! 위로 가자.</marquee> 문자야! 위로 가자.

8. 그림위에 문자 스크롤시키기

<table border=1><tr><td width=가로크기입력 background="그림경로"> <marquee direction=up height=세로크기입력 scrollamount=1> 내용 입력자리 </marquee></td></tr></table>

9.순차적으로 문자 오르내리기

<marquee direction=down height=170 scrollamount=2>   <font color=red size=4><ul>♥사<ul>♡랑<ul>♥해<ul>♡요</font></marquee>

10.마우스오버시 마키정지/마우스아웃시 마키시작

<marquee =this.stop() =this.start()>여기에 마우스 올려 보세요</marquee>

여기에 마우스 올려 보세요

11.응용 - 마퀴의 꽃은 응용입니다. 

<marquee behavior="alternate" direction="up"> <marquee behavior="alternate">●</marquee></marquee>

●