html 강좌 6..

2004. 9. 21. 오전 10:22:30

글자

강좌에 별 관심들이 없는 것 같아 중단했었는데..

그래도 보시는 분이 있다고 더 하라 하시네요.

그 분들을 위해 하나 더 올립니다.

 

<자유게시판 632번>에 보시면 배경 그림위에서 시(詩)의 내용이 위로 흐르는 것을 보셨지요?

마퀴(marquee) 효과라는 건데요.

이렇게 하시면 됩니다.

 

일단..

<편집>창에서..

움직이게 하고 싶은 글을 쓰시고..

 

<소스보기>창에서..

그 글의 맨 앞에..

<MARQUEE scrollAmount=1 scrollDelay=100 direction=up loop=1 behavior=scrol width=600 height=110>

라고 넣으십니다.

 

그런 다음..

그 글의 맨끝에..

</MARQUEE>

라고 넣으시면 됩니다.

 

옵션을 설명드리죠..

 

scrollAmount 의 숫자 <1>은 한번에 움직이는 양입니다. <1>이 적당합니다.

scrollDelay 의 숫자<100 >은 한번 움직이고 잠시 멈추는 시간입니다. <100>이 적당합니다.

direction 은 움직이는 방향입니다. <up : 위로>대신 <down, left, right>를 쓰실 수 있습니다.

loop 의 <1>은 한번 반복한다는 뜻입니다. 반복할 숫자를 넣으시면 됩니다. <1> 대신 <infinite>라고 넣으면 세상 종말 때까지 움직입니다.

behavior 의 <scrol>은 스크롤(한쪽방향으로 사라져 없어지고 반대방향에서 다시 나타남을 반복)을 뜻하고, 대신 <alternate : 끝에서 끝으로 왔다 갔다 함>과 <slide : 한방향으로  미끄러져 가서 멈춤>을 쓸 수도 있습니다.

width=600 과 height=110 의 <숫자>들은 글이 나타나는 공간의 가로와 세로의 크기입니다.

 

복잡하시면 위의 예 그대로 쓰시고, 대신 width 와 height 의  숫자만 적당히 조절하시면 될겁니다.

 

좋은 결과가 있기를..

 

글 대신 그림에도 이런 효과를 똑같이 적용할 수 있습니다. 도전해 보세요.

댓글 1

  • 2004년 9월 21일 오전 11:03

    관심은 많으나, 머리카락 숫자와 관련이 있는건지.아니면 가방끈과 연관이 있는지 잘 되지 않아 짜증 납니다.