• Daum블로그로 구독
  • HanRSS
  • Google
  • RSS
  • Bloglines

Coming & leaving text 효과 소스 - 자바스크립트(Javascript)


자바스크립트, 해체 모여, 소스, 다운로드, Javascript, coming & leaving text, source, download

이번에 소개할 자바스크립트는 텍스트 효과 중에서 텍스트가 한쪽으로 모였다가 흩어지기(coming-leaving)를 반복하도록하는 스크립트입니다.

아마도 상태바(status bar)에 적용되는 소스는 많이 보셨을 것으로 생각되며 이를 본문의 텍스트에 적용된 것이라 생각하시면 됩니다.  HTML 코드의 <div> 태그에 적용해 보았습니다.

텍스트 및 색상은 설정법 보시고 본인에 맞도록 수정하시면 됩니다.

아래는 실제 적용된 소스입니다.

 

1. 스크립트 설명 (블로그 포스트용으로 설명이 없는 부분은 그냥 넘기시기 바랍니다.)
obj4cs.style.color="red";                   // 글자색
obj4cs.style.fontWeight = "bolder";      // 글자 굵게
msg = "Coming & leaving text !";        // 효과를 원하는 문자열

2. 블로그 포스트 내에서 적용법
1) 글쓰기에서 HTML모드를 체크합니다.

2) HTML 모드에서 첨부된 화일의 내용 중에서 아래의 내용을 복사하여 붙여넣습니다.
    실제 효과가 적용될 div 태그입니다.

    <div id="comingleaving">&nbsp</div>

3) 첨부화일의 <Script Language="Javascript"> ~ </Script>까지의 내용을 복사하여 HTML 모드에서 글의 마지막에 붙여넣습니다.

4) 저장을 하고 확인합니다.


유용하게 사용하세요.


Posted by 4Cs