자바스크립트(Javascript), 하일라이트 문자열 효과 소스

자바스크립트, 하일라이트 스크롤 문자열 효과, 소스, 다운로드, Javascript, Highligher Scroller, source, download

(내용이 삭제되어 복구합니다...ㅠㅠ)

이번에 소개할 자바스크립트는 문자열을 하일라이트 효과와 스크롤 효과가 가미된 "Highligher Scroller" 입니다.

기존 소스를 Blog에서 동작할 수 있도록 수정하여 올립니다. 스크립트도 간단해서 적용하기 어렵지 않을 것으로 생각됩니다.

필요하신 분들 다운로드 하셔서 적용해보세요.

문자열 등 본인에 맞도록 수정이 가능합니다.

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

설정법 설명

// 표시될 문자 및 링크 설정
var tickercontents=new Array()
tickercontents[0]='종이접기 동영상 - <a href="http://all4cs.tistory.com/34" target="_new">종이접기</a> 동영상'
tickercontents[1]='4Cs의 사는 이야기 - <a href="http://all4cs.tistory.com/25" target="_new">사는 이야기</a>'
tickercontents[2]='사진연습 - <a href="http://all4cs.tistory.com/24" target="_new">사진첩</a>을 감상해 보세요.'

//배경색 설정
var tickerbgcolor=new Array()
tickerbgcolor[0]='#FFF56E'
tickerbgcolor[1]='#A2E9FF'
tickerbgcolor[2]='#87EEC6'

// 주기 설정 및 픽셀을 찍는 속도 설정
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

아래 첨부화일 다운 받으셔서 위의 설명 부분만 사용자분들에게 맞도록 설정하시면 무난하리라 생각이 됩니다. 글쓰기의 HTML 모드를 선택하여 붙여넣기를 하시면 됩니다.

Highligher Scroller.zip