[해피CGI][cgimall] JQuery 를 이용한 세로 스크롤 vTicker 1.15

간단한 소스 추가만으로 세로로 스크롤이 되는 기능을 사용하실 수 있습니다.

우선 http://richhollis.github.io/vticker/ 에서 다운을 받으시거나
첨부해드리 파일을 다운 받아 서버에 업로드를 합니다.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="/업로드경로/jquery.vticker.min.js"></script> <script> $(function() {   $('#example').vTicker(); }); </script> <div id="example">   <ul >     <li>출력될 문구 1</li>     <li>출력될 문구 2</li>     <li>출력될 문구 3</li>   </ul> </div>

 

HTML 파일에 상기 소스를 추가 하시면 <li></li> 부분에 있는 문구가 출력이 되면서 스크롤이 됩니다.

기본적으로는 한줄이 출력이 되나 옵션을 통해 스크롤시간등을 조절하실 수 있습니다.

옵션은 http://richhollis.github.io/vticker/methods/ 에서 확인이 가능하며

<script> $(function() {   $('#example').vTicker('init', {     speed: 400,      pause: 1000,     showItems: 2,     padding: 4   }); }); </script>

 

상기와 같은식으로 추가하셔서 사용하시면 됩니다.