그누보드 QA - 초보 스크롤 최신글 질문 드립니다.

초보 스크롤 최신글 질문 드립니다.

장미란 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2019.12.31 23:03:06 조회 2853 (58.♡.♡.191)

본문

아래 소스에서 빨간색부분을 조절하면 롤링시간이 조절이 되는데요 문제는 롤링이될때

너무 느려서 좀 답답해요 동작이 짭게 "틱"하고 롤링이 되야되는데 이게 답답하게"스~~윽"하면서

스크롤 되닌까 무지 답답하네요 ㅠ 고수님들 답변 좀 주세요 감사합니다"꾸벅"

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script type="text/javascript" src="<?=$latest_skin_path?>/jquery.js"> </script>

   <script type="text/javascript">
  $(document).ready(function() {
   var current = -1;
   var elems = new Array();
   var elems_i = 0;
   $('.items').each(function() {
    elems[elems_i++] = $(this);
   });
   var num_elems = elems_i - 1;
   var animate_out = function() {
    elems[current].animate({ top: '-100px' }, 'slow', 'linear', animate_in);
   }
   var animate_out_delay = function() {
    setTimeout(animate_out, 5000); /*2000=2초*/
   }
   var animate_in = function() {
    current = current < num_elems ? current + 1 : 0;
    elems[current].css('top', '200px').animate({ top: '0px' }, 'slow', 'linear', animate_out_delay);
   }
   animate_in();
  });
</script>

   <style type="text/css">
  .ticker {
   position: relative; /* So we can absolute the .items */
   width: 500px;
   height: 23px;
overflow: hidden;
   border: 1px solid #ffffff;
  }
  .items {
   position: absolute;
   top: 25px;
   margin:5px;
   font-family:돋움;
   font-size:12px;
  }
</style>