회원을 메인에 최신글형식으로 뽑아내려고 합니다.

orionthethe 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

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

2023.07.25 17:19:16 1299 (221.♡.♡.54)

답변 3

본문

예제로 볼만한 스킨이나 방법알고 계신분계신가요?

메인에 회원 이xx 2023.01.01 가입날짜 만 나오게한후 롤링으로 액션을 주려고 합니다.

회원도 전체가아닌 최근가입 1주일이내? 이정도만 롤링될수 있도록 하려고요.

방식이나 예제 있으면 알려주세요 ㅠ

#그누보드5

답변 3

웹메이킹 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2023-07-25 21:07:39 39.♡.♡.46

예제를 구현해 본다면 다음과 같이 해볼 수 있을 것 같습니다


<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// 최근 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);
// 가져온 회원 정보를 배열로 저장
$recent_members = array();
while ($row = sql_fetch_array($result)) {
    $recent_members[] = $row;
}
?>
<div id="rolling_box">
    <?php
    // 롤링할 회원 정보 출력
    foreach ($recent_members as $member) {
        echo '<div class="rolling_item">' . $member['mb_nick'] . ' ' . $member['mb_datetime'] . ' 가입</div>';
    }
    ?>
</div>
<script>
$(document).ready(function() {
    // 롤링 애니메이션 실행 함수
    function rollItems() {
        var firstItem = $('#rolling_box .rolling_item:first');
        var itemHeight = firstItem.outerHeight();
        // 첫 번째 아이템을 맨 뒤로 이동시킴 (롤링 효과)
        $('#rolling_box').append(firstItem.clone());
        firstItem.animate({ 'margin-top': -itemHeight }, 500, function() {
            firstItem.remove(); // 롤링이 끝난 아이템 삭제
        });
    }
    // 일정 간격으로 롤링 애니메이션 실행
    setInterval(rollItems, 2000); // 2초마다 롤링
});
</script>