[re] 더 좋은 자료
페이지 정보
조회
17,513
본문
1. 개요
textSlider는 홈페이지의 메인페이지에서 많이 사용되는 움직이는 뉴스(Ticker)를 쉽게 작성, 편집할 수 있도록
만들어진 라이브러리이다.
2. Ticker 작성
준비작업은 textSlider 라이브러리를 include해주는 것으로 끝난다.
<script language="javascript" src="lib.textSlider.js"></script>
그 후 Ticker를 붙일 html 영역에 다음과 같은 스크립트를 작성하여 주면 된다.
<script language="javascript">
var PM = new TextSlider('PM'); // 클래스 명을 인자로 넘긴다.
PM.item = [ // 컨텐츠를 배열로 입력
'테스트입니다 1',
'<a href="http://google.co.kr">구글입니다 2</a>',
'테스트입니다 3'
];
PM.width = 145; // Ticker의 가로길이
PM.height = 40; // Ticker의 세로길이
PM.speed = 50; // text가 slide되는 빠르기. 단위는 ms
PM.pixel = 1; // text가 한번 slide할 때 움직일 픽셀.
PM.interval = 1000; // text가 slide된 후 다음 text가 slide되기 까지의 대기시간
PM.size = 50; // text간의 간격. height와 같거나 크게 하여야 제대로 보인다.
PM.direction = 'up'; // text가 slide될 방향
PM.align = 'left'; // text의 정렬 (left|right)
PM.init(); // TextSlider의 작동을 지시한다.
//-->
</script>
관련자료
-
링크
-
첨부
등록된 댓글이 없습니다.