자바스크립트, 해체 모여, 소스, 다운로드, Javascript, coming & leaving text, source, download
이번에 소개할 자바스크립트는 텍스트 효과 중에서 텍스트가 한쪽으로 모였다가 흩어지기(coming-leaving)를 반복하도록하는 스크립트입니다.
아마도 상태바(status bar)에 적용되는 소스는 많이 보셨을 것으로 생각되며 이를 본문의 텍스트에 적용된 것이라 생각하시면 됩니다. HTML 코드의 <div> 태그에 적용해 보았습니다.
텍스트 및 색상은 설정법 보시고 본인에 맞도록 수정하시면 됩니다.
아래는 실제 적용된 소스입니다.
C o m i n g & l e a v i n g t e x t !
1. 스크립트 설명 (블로그 포스트용으로 설명이 없는 부분은 그냥 넘기시기 바랍니다.)
obj4cs.style.color="red"; // 글자색
obj4cs.style.fontWeight = "bolder"; // 글자 굵게
msg = "Coming & leaving text !"; // 효과를 원하는 문자열
obj4cs.style.fontWeight = "bolder"; // 글자 굵게
msg = "Coming & leaving text !"; // 효과를 원하는 문자열
2. 블로그 포스트 내에서 적용법
1) 글쓰기에서 HTML모드를 체크합니다.
2) HTML 모드에서 첨부된 화일의 내용 중에서 아래의 내용을 복사하여 붙여넣습니다.
실제 효과가 적용될 div 태그입니다.
<div id="comingleaving"> </div>
3) 첨부화일의 <Script Language="Javascript"> ~ </Script>까지의 내용을 복사하여 HTML 모드에서 글의 마지막에 붙여넣습니다.
4) 저장을 하고 확인합니다.
2) HTML 모드에서 첨부된 화일의 내용 중에서 아래의 내용을 복사하여 붙여넣습니다.
실제 효과가 적용될 div 태그입니다.
<div id="comingleaving"> </div>
3) 첨부화일의 <Script Language="Javascript"> ~ </Script>까지의 내용을 복사하여 HTML 모드에서 글의 마지막에 붙여넣습니다.
4) 저장을 하고 확인합니다.
유용하게 사용하세요.
'자바스크립트(Javascript)' 카테고리의 다른 글
자바스크립트 - 모션블러효과 / Javascript - Motion Blur (0) | 2011.10.06 |
---|---|
Floating Banner(플로팅 배너,따라다니는 광고) - 자바스크립트(Javascript) (25) | 2011.06.29 |
Fly Text 효과 소스 - 자바스크립트(Javascript) (8) | 2011.06.16 |
marquee 효과 소스 - 자바스크립트(Javascript) (11) | 2011.06.03 |
자바스크립트(Javascript), 문자열 네온 효과 소스 (8) | 2011.05.28 |