Html & Script

[re] 더 좋은 자료

컨텐츠 정보

본문

설명서 (Documentation)
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>

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
어떤 기쁨을 얻기보다 얻기 위해 일하는 것보다 책임을 다하기 위해 일하는 것뿐이다.