코스모스팜 스레드

메인 최신 공지사항 롤링기능

<style>
.notice{width:100%; height:50px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}
</style>

<div class="notice">
   <ul class="rolling" style="list-style:none; ">
      <li><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">홈페이지 오픈되었습니다.  </a></li>
      <li><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">공지사항 안내해드립니다.  </a></li>
      <li><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">오시는길 안내해드립니다.  </a></li>
   </ul>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function(){
   var height =  jQuery(".notice").height(); 
   var num = jQuery(".rolling li").length; 
   var max = height * num;
   var move = 0; 
   function noticeRolling(){
      move += height; 
      jQuery(".rolling").animate({"top":-move},600,function(){ 
         if( move >= max ){
            jQuery(this).css("top",0); 
            move = 0;
         };
      });
   };
   noticeRollingOff = setInterval(noticeRolling,1000); 
   jQuery(".rolling").append(jQuery(".rolling li").first().clone()); 

   jQuery(".rolling_stop").click(function(){
      clearInterval(noticeRollingOff); 
   });
   jQuery(".rolling_start").click(function(){
      noticeRollingOff = setInterval(noticeRolling,1000); 
   });
});      
</script>
 

 

"홈페이지 오픈되었습니다. " 이 문구 부분에 <?php echo $content->title?><?php echo $content->getDate()?> 이거 두개만 넣으면 될거 같은데요..

넣기만 하면 나타나지 않아서요ㅠ 

메인에 공지사항 최신글이 롤링되게 구현하고 싶은데 어떻게 안될까요ㅠ

사이트는 http://aranggogo.com 입니다. 너무너무 구현하고 싶은데 방법있음 알려주세요ㅠ 

플러그인 있다면 살 의향도 있습니다. 그누보드는 그런 기능이 있는데 케이보드는 없나요ㅠㅠ 도와주세요;; 

밤새 씨름해도 답이 안나오네요ㅠㅠ

 

 

 

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
코스모스팜 회원관리