길을 가는데 한 가지 방법만 있는 건 아니듯이 다양한 방법이 있습니다.
1. UI Laboratory - jQuery 공지사항 롤링
출처 : http://mylko72.maru.net/jquerylab/study/notice-rolling.html
http://www.jugbit.com/jquery-vticker-vertical-news-ticker/
사용예제 : http://codepen.io/eond/pen/JdeLvd
http://codepen.io/eond/pen/QbJJVB
문제점 : XE에서 사용이 안됨.
2. jQuery vTicker 플러그인 사용하는 방법
출처 :
사용방법 : http://blog.naver.com/mobilism/220411969157
사용예제 :
문제점 : 기본 동작은 XE에서 동작하나, 재생/정지/이전/다음 같은 기능이 안됨.
$('클래스명 또는 아이디').vticker() 가 기본 동작 구문인데,
클래스명 또는 아이디가 구부니 안되고 쓰면 쓰는 족족 추가로 인식이 됨. XE와의 호환이 안됨.
3. 간단한
출처 : http://blog.naver.com/qfwh/220408252168
사용예제 : http://codepen.io/eond/pen/oXQQzN
활용예제 : http://codepen.io/eond/pen/jPQQvv
4. jQuery newsticker
출처 : http://blog.daum.net/mmmommm/12
사용예제 : http://codepen.io/eond/pen/NqEEez?editors=101
단점 : 재생,정지, 이전, 다음이 없음
5. jquery 를 이용한 간단한 인기검색어 형태 한줄 세로 슬라이드 (vertical slide news ticker) 효과
출처 : http://blog.naver.com/ynskoh/220409452542
사용예제 : http://codepen.io/eond/pen/NqEood
활용예제 : http://codepen.io/eond/pen/YXRmNr
소스가 아주 깔끔하다. 블로그 디자인 스킨도 맘에 든다.
detach 함수를 사용해서 해당 엘리먼트의 하위 요소를 제거하는 방법이라, 이전 기능은 안될지도 ㅠㅠ
이전에 봤던 다른 코드들과는 다르게 기능에 펑션 이름을 지정하는 방법으로 사용했다.
기본 기능에 다음 기능과 일시정지 기능을 붙여봤다. 잘된다 ^-^v