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

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

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

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

2019.12.31 23:03:06 조회 3255 (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>