답변 3개
채택된 답변
+20 포인트
2년 전
예제를 구현해 본다면 다음과 같이 해볼 수 있을 것 같습니다
</p>
<p><?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p>// 최근 1주일 이내 가입한 회원 가져오기
$one_week_ago = date('Y-m-d', strtotime('-1 week'));
$sql = "SELECT mb_id, mb_nick, mb_datetime FROM {$g5['member_table']} WHERE mb_datetime >= '$one_week_ago'";
$result = sql_query($sql);</p>
<p>// 가져온 회원 정보를 배열로 저장
$recent_members = array();
while ($row = sql_fetch_array($result)) {
$recent_members[] = $row;
}
?></p>
<p><div id="rolling_box">
<?php
// 롤링할 회원 정보 출력
foreach ($recent_members as $member) {
echo '<div class="rolling_item">' . $member['mb_nick'] . ' ' . $member['mb_datetime'] . ' 가입</div>';
}
?>
</div></p>
<p><script>
$(document).ready(function() {
// 롤링 애니메이션 실행 함수
function rollItems() {
var firstItem = $('#rolling_box .rolling_item:first');
var itemHeight = firstItem.outerHeight();</p>
<p> // 첫 번째 아이템을 맨 뒤로 이동시킴 (롤링 효과)
$('#rolling_box').append(firstItem.clone());
firstItem.animate({ 'margin-top': -itemHeight }, 500, function() {
firstItem.remove(); // 롤링이 끝난 아이템 삭제
});
}</p>
<p> // 일정 간격으로 롤링 애니메이션 실행
setInterval(rollItems, 2000); // 2초마다 롤링
});
</script>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
o
orionthethe
2년 전
감사합니다!
댓글을 작성하려면 로그인이 필요합니다.
2년 전
그누보드5 > 스킨 에서
https://sir.kr/g5_skin/p3?sfl=wr_subject%7C%7Cwr_content&stx=%EC%B5%9C%EC%8B%A0%EA%B8%80
최신글로 검색 하신후에 맘에 드는걸로 사용하시면 될듯 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인