태그 소스 자료

각종 마퀴 태그

다사랑해 2007. 5. 4. 14:18
어서 오세요. 마퀴태그에 관심 있으세요? 이곳에 설명과 예제를 올렸는데 도움이 됐으면 좋겠습니다._


위와 같은 모양으로 글자가 흐르는 것이 가장 기본적인 방법입니다. 
스크롤 시키고자 하는 부분의 글자 앞에 MARQUEE 를 넣고 
스크롤시킬 끝부분에 /MARQUEE 를 넣으면 위와 같이 글이 흘러들어오게 됩니다. 
위의 내용을 명령어 상태로 보면 아래와 같습니다.

<MARQUEE>글 내용을 입력하는 곳.</MARQUEE>
기본적인 <MARQUEE >태그는 오른쪽에서 왼쪽으로 움직입니다. 
여기에 
<MARQUEE>의 여러가지 속성을 주게 되면 움직이는 방향과 속도 크기,등을 바꿀 수 있습니다.

    2. 마퀴(MARQUEE)태그 속성


위에서 설명한 마퀴의 속성을 정리합니다. 
이 속성을 잘 이용하면 작성한 문서에 시각적 효과를 한층 더 높일 수 있을것입니다.

     
        
  • HEIGHT       : 마퀴영역 높이
        
  • WIDTH        : 마퀴영역 넓이
        
  • BGCOLOR       : 마퀴영역의 배경색 
        
  • BEHAVIOR      : 스크롤 방향       
        
  • LOOP          : 스크롤되는 반복횟수
        
  • SCROLLAMOUNT  : 한번에 스크롤되는 속도
        
  • SCROLLDELAY   : 한번 스크롤되고 대기하는 시간  
        
  • behavior=scroll(기본값) : 오른쪽에서 왼쪽으로 글자가 스크롤
        
  • behavior=slide          : 오른쪽에서 왼쪽으로 와서 멈춤
        
  • behavior=alternate      : 좌,우로 왔다 갔다 함
        
  • direction=left          : 오른쪽에서 왼쪽으로 스크롤(기본값)
        
  • direction=right         : 왼쪽에서 오른쪽으로 스크롤	





    3. 마퀴(MARQUEE)의 속성 이용


다음과 같이 마퀴태그의 속성을 이용하여 여러가지 방법으로 글자를 움직일 수 있습니다..


    

    <marquee> (1) 글자가 흘러 들어오는 기본형입니다.~!</marquee>
    글자가 흘러 들어오는 기본형.
    <marquee bgcolor="#E0FFFF">(2) 배경색 위로 글자가 흐릅니다.~!</marquee>
    배경색 위로 흐르는 글자. ~!
    <marquee height=40>(3) 글이 흐르는 칸의 높이를 40으로 정함.~!</marquee>
    글이 흐르는 칸의 높이를 height=40으로~!&
    <marquee width=200> (4) 글 쓰는 칸의 넓이를 width=300으로 정함.</marquee>
    (4) 글이 흐르는 칸의 넓이를 width=300 으로..~!
    <marquee hspace=10 bgcolor="#fffafa" width=300>(5) 배경색을 정하고 칸의 넓이도 300으로 정함~!</marquee>
    (5) 배경색을 정하고 칸의 넓이도 300으로 정함~!
    <marquee vspace=10 bgcolor="#C8BBFF"> (6) 배경색 깔린 띠 위로 들어와~!</marquee>
    (6) 배경색 깔린 띠 위로 들어와~!
    <marquee scrollamount=2>(7) 조금 천천히 들어와요~!</marquee>
    (7) 조금 천천히 들어와요.~!
    <marquee behavior="slide">(8) 끝까지 들어와서 멈춤~!</marquee>
    (8) 끝까지 들어와서 멈춤~!
    <marquee behavior="alternate">(9) 글자가 왔다리 갔다리~!</marquee>
    (9)글자가 왔다리 갔다리~!
    <marquee direction="up" scrollamount=1>(10) 글자가 천천이 올라가요~!</marquee>
    (10) 글자가 천천이 올라가요~!
    <marquee direction="right">(11) 왼쪽에서 오른쪽으로 들어와요~!</marquee>
    (11) 왼쪽에서 오른쪽으로 들어와요~!
    <marquee loop=5>(12) 다섯번만 반복하곤 끝이래요~!</marquee>
    (12) 다섯번만 반복하면 끝이래요~!
    <marquee scrollamount=20>(13) 빠르다. 빨라~!</marquee>
    바쁘다. 바빠~!
    <marquee scrolldelay=200>(14)느림보 거북이처럼 들어오네~!</marquee>
    (14) 느림보 거북이처럼 들어오네~!