태그 자료실

	\| 무료회원가입 \| 아이디/비번찾기

회원로그인

무료회원가입 아이디/비밀번호찾기

보안로그인 SECURE LOGIN

페이징 네이버 스타일 따라하기

8년 전

그누보드 기준

1. 소스추가
../lib/common.lib.php 에 아래 함수 추가

// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URL
function get_jy_paginate($write_pages, $cur_page, $total_page, $url, $add="") {
        $str = "";
        if ($cur_page < 2) $str .= "<div class=\"jy_paginate center\"><span class=\"pre\">맨앞</span>";
        else if ($cur_page > 1) $str .= "<div class=\"jy_paginate center\"><a href='".$url.($start_page)."' class=\"pre\">맨앞</a>";

        $start_page = ( ( (int)( ($cur_page - 1 ) / $write_pages ) ) * $write_pages ) + 1;
        $end_page = $start_page + $write_pages - 1;

        if ($end_page >= $total_page) $end_page = $total_page;

        if ($start_page > 1) $str .= "<a href='".$url.($start_page-1)."{$add}' class=\"pre\">이전</a>";
        else if ($start_page = 1) $str .= "<span class=\"pre\">이전</span>";

        if ($total_page > 1)
        {
                for ($k=$start_page;$k<=$end_page;$k++)
                {
                        if ($cur_page != $k)
                        $str .= "<a href='$url$k{$add}'><span>$k</span></a>";
                        else
                        $str .= "<strong>$k</strong> ";
                }
        }

        if ($total_page > $end_page) $str .= "<a href='".$url.($end_page+1)."{$add}' class=\"next\">다음</a>";
        else $str .= "<span class=\"next\">다음</span>";

        if ($cur_page < $total_page) $str .= "<a href='$url".($total_page)."' class=\"next\">맨뒤</a></div>";
        else $str .= "<span class=\"next\">맨뒤</span></div>";

        $str .= "";
        return $str;
}

2. css 추가
../style.css 에 아래 함수 추가

.jy_paginate { padding:10px 0; }
.jy_paginate a,
.jy_paginate strong { position:relative; display:inline-block; margin-right:1px; padding:2px 4px 3px 4px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 11px/normal Verdana; _width :17px; }
.jy_paginate strong { color:#f23219 !important; border:1px solid #e9e9e9; }
.jy_paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_left_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; }
.jy_paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_right_off.gif) no-repeat 38px 6px !important; letter-spacing:-1px; }
.jy_paginate a.pre { background:url(http://도메인/img/bg_page_left_on.gif) no-repeat 6px 6px !important; }
.jy_paginate a.next { background:url(http://도메인/img/bg_page_right_on.gif) no-repeat 38px 6px !important; }
.jy_paginate .pre,
.jy_paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:11px/normal 돋움, Dotum; width:30px; _width :50px; }
.jy_paginate a.pre,
.jy_paginate a.next { color:#565656; }
.jy_paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }

3. 이미지(첨부) 업로드
../img 폴더에 업로드

첨부 :

img.zip (1.8 KB) (2) 파일 2

2009718857_wJLhMlje_jy_paging.gif (1.6 KB) (4)

추천 목록

번호	제목
3,025	여러 도메인들 간 쿠키 공유하기
3,024	태그 사이에 있는 텍스트를 추출
3,023	[JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,022	쿠키 생성,가져오기,삭제
3,021	사용자 함수 모음
3,020	마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,019	[HTML5] <video> - DOM으로 제어하기
3,018	HTML5 video 태그에서 영상 좌우반전
3,017	PHP - 특정 태그 및 문자열 추출, 제거
3,016	[PHP] define과 defined의 차이
3,015	우클릭 완벽차단 스크립트
3,014	iframe 높이 100% 맞추기
3,013	curl 함수를 이용한 HTTP REFERER 변경
3,012	윈도우10 시스템 파일 및 Dism 검사
3,011	텍스트 줄바꿈, 글자자르기 CSS
3,010	jQuery Mobile에서 유용한 코드 10가지.
3,009	[PHP] dirname()함수와 $_SERVER 관련 상수들
3,008	[PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,007	[jQuery] jQuery Quick API
3,006	[ transition ] 링크 hover 색상 변화 속도 조절
3,005	PHP 5.3.0 에서 사라진 함수들 대체
3,004	어떤 파일들이 include 나 require 되었는지 확인하는 함수(get_included_files)
3,003	PHP 날짜 형식 및 계산하기(날짜 더하고 빼기)
3,002	jQuery Mobile에서 유용한 코드 10가지.
3,001	값이 배열 안에 존재하는지 확인하는 in_array함수