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
성공하느냐 실패하느냐는 다른 사람이 아닌 바로 내가 하는 일이다. 내가 바로 힘이다. 나는 내 앞의 장애물을 치울 수도 있고, 미로 속에서 길을 잃을 수도 있다. 내 선택, 내 책임 이다. 이기거나 지는 것은 오직 나만이 가진 내 운명의 열쇠에 달려있다. (알레인 맥스웰)