[jQuery] 세로 방향 위로 올라가는 marquee

위로 올라가는 텍스트 animation jQuery로 구현하기

 

jQuery animate 무한 반복은 call back에 함수 이름을 작성해주면 된다

 

 

*jQuery animate 사용 방법 (진행 방식과 call back은 생략 가능)

.animate({적용되는 속성}, speed, 진행 방식, call back)

 

진행 방식 값은 linear, swing, null 등이 있음

 

function scrollTest(){
	var scrollRolling = $('.textrolling'),
        scrollHeight = scrollRolling.height(),
        scrollTime = scrollHeight * 50;
    
    scrollRolling.css('margin-top', '150px');
    scrollRolling.animate({
        'margin-top': '-' + scrollHeight
    }, scrollTime, 'linear', scrollText);
}