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
행복해지고 싶다면, 잠시 동안만이라도 가슴에 손을 얹고 생각해 보라. 그러면 진정한 즐거움은, 발치에 돋아나는 잡초나 아침 햇살에 빛나는 꽃의 이술과 같이 우리 주변에 무수히 널려 있다는 것을 알 수 있을 것이다. 《하루 5분 생각이 인생을 결정한다 》 (이범준)