00s_tag_label>
00s_tag_label>
자바스크립트, 해체 모여, 소스, 다운로드, Javascript, coming & leaving text, source, download
이번에 소개할 자바스크립트는 텍스트 효과 중에서 텍스트가 한쪽으로 모였다가 흩어지기(coming-leaving)를 반복하도록하는 스크립트입니다.
아마도 상태바(status bar)에 적용되는 소스는 많이 보셨을 것으로 생각되며 이를 본문의 텍스트에 적용된 것이라 생각하시면 됩니다. HTML 코드의 <div> 태그에 적용해 보았습니다.
텍스트 및 색상은 설정법 보시고 본인에 맞도록 수정하시면 됩니다.
아래는 실제 적용된 소스입니다.
1. 스크립트 설명 (블로그 포스트용으로 설명이 없는 부분은 그냥 넘기시기 바랍니다.)
2. 블로그 포스트 내에서 적용법
유용하게 사용하세요.
자바스크립트, 해체 모여, 소스, 다운로드, 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 !"; // 효과를 원하는 문자열
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 |