태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

12년 전

그누보드 기준

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) (3) 파일 2

2009718857_wJLhMlje_jy_paging.gif (1.6 KB) (5)

추천 목록

번호	제목
2,285	<![CDATA[ ]]> 이 구문은 무엇을 뜻하는 것일까요?
2,284	input 자릿수 체크로 포커스 이동
2,283	왼쪽 / 오른쪽 / 전체 공백 제거 스트립트 - Trim / LTrim / RTrim
2,282	웹표준 모든 애트리뷰트에는 값이 필요
2,281	웹표준으로 퍼블리싱할때 꼭 지켜야 할 사항들
2,280	dl dt dd 에 대해
2,279	자바스크립으로 플래쉬 메뉴처럼...
2,278	div 세로정렬
2,277	다중카테고리
2,276	다중 셀렉트
2,275	평 => m2
2,274	평수 구하기 (가로 x 세로)
2,273	텍스트 박스의 입력글자수 제한
2,272	제이쿼리 탭메뉴
2,271	PHP 자료형 비교표
2,270	PHP 비교 연산자
2,269	HTML5 elements
2,268	[MySQL]UNION과 UNION ALL 의 차이 및 주의 사항
2,267	[MySQL] Union 사용법. 여러 테이블의 같은 값을 한번 쿼리로 추출하기
2,266	ie6 css 롤링 이미지 깜빡임 문제 해결법
2,265	float을 clear하는 방법
2,264	페이지 새로고침
2,263	div 마지막 내용 복제/반복 현상(Duplicate Characters Bug)
2,262	strstr:문자열 시작되는부분부터 출력
2,261	썸네일개요 및 함수정리
2,260	strtotime() 를 이용한 날짜계산
2,259	팝업창으로 폼값 전송하기
2,258	셀렉트박스를 div+css 로 변경하기
2,257	파일첨부를 div+css 로 변경하기
	페이징 네이버 스타일 따라하기