MYTV

비서대신

인생직진 2007. 1. 25. 12:41
 

 


            

한자학습

숙제박사
전자계산기
번역기
시사영어
동식물도감
친구찾기

문서와서식

유해차단
종합토탈정보
생활의지혜
디지털카메라
사건과실화
한영번역기

철도여행

종합여행정보
고속버스예매
가보고싶은섬
전국지하철
의료상담
우편번호조회

벅스뮤직

성씨와가문
세계현재시각
24절기
청와대
월간지주간지
입영일자조회
     

 

움직이는 글자(mrquee)

 

마퀴(marquee)라는 영어 단어는 "움직이다"라는 뜻이 들어있습니다. 이 태그는 글자,그림 등을 움직이게 할 수 있는데여... 마퀴 태그는요 marquee 이 단어 하나만으로도 아주 많은 표현을 할 수 있는 간단하면서도 강력한 태그언어라 할 수 있습니다. 홈페이지 제작할 때는 다른 태그와 함께 아주 중요한 문자입니다.
marquee 태그에도 여러 가지 옵션을 삽입할 수 있는데여..... 좌로 이동, 우로 이동 , 아래로 이동 , 위로 이동 , 좌우로 이동 등을 글자나 그림에 붙여서 사용할 수 있습니다.
홈페이지에서는 많이 사용되지는 않지만 다른 태그와 함께 필수로 알아 두셔야 할 사항입니다. 주로 채팅방에서 많이 사용되는
마퀴(marquee)태그를 지금부터 알아 보도록 하겠습니다.

 

1.기본적인 소스 글자내용 : 여기에 여러 가지 옵션을 넣어서 사용합니다.

 

옵션코드와 의미 , 결과보기를 표를 이용하여 알아 보겠습니다.


기본 소스 : <marquee behavior="사용할옵션">본문 내용</marquee>

 

  • scroll : 영역을 벗어나서 사라지게 하는 옵션입니다.

소스

<marquee behavior=scroll>글자가 계속 반복해서 움직입니다.</marquee>

결과

글자가 계속 반복해서 움직입니다.

  • slide loop : 영역의 끝부분에서 멈추게 합니다. 반복 횟수를 말합니다.(안에 숫자를 입력한 크기 만큼 글자가 반복하여 움직입니다.) "loop" 에 숫자를 몇으로 하느냐에 따라 보여지는 느낌이 다르게 표현 되기도 합니다.
  • loop : "infinite" 적어주면 무한대로 반복하는 것으로 -1을 적어줘도 동일합니다.

loop 에 반복 횟수를 한번만 준 경우

소스

<marquee behavior=slide loop=1>(끝에서 와서 멈춥니다.)</marquee>

결과

behavior=slide loop=1>(끝에서 와서 멈춥니다.)

 

loop 에 반복 횟수를 30번 준 경우 글자가 갑자기 사라지는 느낌이 전해 집니다.

소스

<marquee behavior=slide loop=30>(글자가 갑자기 사라집니다.)</marquee>

결과

behavior=slide loop=30>(글자가 갑자기 사라집니다.)

 

  • alternate : 영역 안에서 왔다갔다 합니다.

소스

<marquee behavior=alternate>좌 , 우로 왔다 갔다......</marquee>

결과

behavior=alternate>좌 , 우로 왔다 갔다......

 

  • bglolor : 영역의 배경색을 지정합니다.

소스

<marquee bgcolor=pink>배경색상</marquee>

결과

배경색상

 

  • width(넓이) 와 height(높이) : 영역의 넓이와 높이를 지정합니다.

<marquee direction="뱡향" width="넓이 숫자" height="넓이 숫자" bgcolor="색상">내용</marquee>

소스

<marquee width=400 height=50 bgcolor=00ffff>넓이와 높이</marquee>

결과

넓이와 높이

 

  • direction : 움직이는 방향을 지정해 줍니다.
    방향에는 " left , right , up , down " 의 4가지 옵션을 사용할 수 있습니다.

왼쪽으로 이동하는 소스

<marquee direction=left>왼쪽으로 이동합니다.</marquee>

결과

왼쪽으로 이동합니다.

오른쪽으로 이동하는 소스

<marquee direction=right>오른쪽으로 이동합니다.</marquee>

결과

오른쪽으로 이동합니다.

올라가는 소스

<marquee direction=up>위로 이동합니다.</marquee>

결과

위로 이동합니다.

내려가는 소스

<marquee direction=down>아래로 이동합니다.</marquee>

결과

아래로 이동합니다.

 

  • scrolldelay : 스크롤의 지연효과를 얻기 위해서 scrolldelay를 사용합니다. 만약 1초간 멈췄다가 이동하려면 1000을 지정해 주면 됩니다.

소스

<marquee scrolldelay=1000 bgcolor=silver>1초간 정지합니다.</marquee>

결과

1초간 정지합니다.

 

  • scrollamount : 값(숫자가 클수록)을 많이 줄 수록 스크롤 속도가 빨라집니다

소스

<marquee scrollamount=30>하모니의 쉼터로 놀러 오세요.^^*</marquee>

결과

하모니의 쉼터로 놀러 오세요.^^*

 

위에 쓰여진 태그에 여러 가지 옵션을 사용하여 다이나믹하게 표현할 수 있습니다. 예를 들어


<marquee behavior=scroll><font size="2" color="black" face="바탕">하모니의 쉼터</font></marquee> 이 태그안에 크기나 방향 , 색상등을 삽입하여 쓰기도 합니다.
또는 글씨체와 글자 크기를 변경 할 수도 있는데요. 바꾸는 방법은 marquee 앞에
내용을 삽입하면 되겠지요?


예)
<marquee behavior=scroll><font size="2" color="black" face="바탕">내용</font></marquee> 이런식으로 여러 가지 옵션을 써서 표현할 수 있다는 점을 명심하시기 바랍니다. 태그는 여러 가지 응용력을 발휘하면 할수록 돋보이게 됩니다.

 

 

2. 마퀴(marquee)태그에 옵션을 삽입한 또 다른 예제입니다.

아래로 내려가는 태그

소스

<marquee direction=down>♣하♣모♣니

결과

    ♣하
      ♣모
        ♣니

올라가는 태그

소스

<marquee direction=up>♣하♣모♣니

결과

    ♣하
      ♣모
        ♣니

글자가 세로로 이동하는 태그

소스

<MARQUEE bgcolor=white direction=reft scrollamount=1 width=300 height=50 loop=-1>하<br>모<br>니</marquee>

결과




왼쪽으로 이동하면서 위로 올라가는 태그

소스

<MARQUEE DIRECTION=LEFT><marquee direction=up><font size=5 color=pink face=바탕체>좋은 하루!</font>

결과

좋은 하루!

빙글빙글 태그

소스

<marquee direction=up behavior=alternate height=100>글자가 막 돌아요~~</font>

결과

behavior=alternate height=100>글자가 막 돌아요~~

 

이렇게 태그에 여러 가지 옵션을 삽입하여 응용하면 멋진 글자 태그가 탄생됩니다. 여러 가지를 혼합하여 응용할 수도 있습니다. 1%의 영감과 99%의 노력으로~~~~~~~~~^^*

 

 

드레그복사.스크랩 막아놓은 소스보기 

 

1. 때로는 마우그로 드래그를 하기도 쉽지 않죠

2. 그리고 마우스 드래그 금지 된 글 도 있고요

두가지 모두 통용 되거든요.......

 

이럴때 쉽게 소스를 쉽게 볼 수 있는 방법을 공개 합니다.

 

글 또는 이미지...의 글" 끝나는 부분(좌측 하단)

 

글쓰기 답글 인쇄  ☜ 인쇄 클릭하셈

 

가  있지요 이 부분의 (인쇄) 부분을 클릭 하시면

또 하나의 인터넷 창" 뜨면서 인쇄 멧세지 창" 이 뜨거든요

그러면 인쇄 멧세지 창" 은 취소를 해서 없애고

새로 뜬 인터넷 창" 의  [보기]-[소스] 를 선택하면

윈도우 메모장에 소스 전체가 나타나거든요...

 

<!-- 스크랩 출처 -->


 <!-- 내용 -->

 

이 중간의 내용의 소스를 복사 하면 되어요...

상, 하( 내용 윗부분 및 아바타 아랫부분) 부분은 필요 없는 내용입니다..

 

다른 카페에서 좋은 정보라 생각되어 퍼온글 입니다

이글을 오른쪽 마우스 막아놓았으니 한번 따라해보세요

이 정보 자료를 잘 활용하시면 유능한(?) 헛제비같은

개인비서 대여섯명 부리는것 보다 더 능률적이니까

많이 많이들 활용하여 궁핍한 정신살이에

도움되시기 바람니다~! ...

'MYTV' 카테고리의 다른 글

연령별 노후대비 재테크 포인트  (0) 2007.05.02
몸에 좋은 아침쥬스  (0) 2007.05.02
유네스코 지정 우리나라의 세계문화유산  (0) 2006.11.19
같이 걸어보고 싶은길  (0) 2006.11.13
골프  (0) 2006.10.11