分页

<script type="text/javascript">
		//提交表单，传送页码
		function page_nav(frm,num){
			document.getElementById("pageIndex").value=num;/* frm.pageIndex.value=num; */
			frm.submit();
		}
		function jump_to(frm,pageno,pageIndex){
			
			var reg=/^[0-9]\d*$/;
    		if(!reg.test(pageno)){
    			alert("请输入正确数字");	
    			page_nav(frm,pageIndex);
    		}else if(pageno<1){
    			alert("页数不能小于1");	
    			page_nav(frm,pageIndex);
    			
    		}else{
    			page_nav(frm,pageno);
    		}	
		}
		
</script>

</body>
	<div>
        <form method="post" action="/bbs/servlet/IndexLeftTopBoxContent" id="pagingSearchForm">
            <input type="hidden" name="pageIndex" id="pageIndex" value="1"/>
        </form>

        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),1)" id="zsc">首页</a>
        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${pageIndex-1})">上一页</a>

        <div id="inde">
            <c:if test="${pageIndex-3>0 && pageIndex+2<totalPage}">
                <c:forEach begin="${pageIndex-2}" end="${pageIndex+2}" varStatus="index">
                    <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>&nbsp;&nbsp;
                    <c:if test="${index.current==pageIndex}">
                        <script type="text/javascript">
                            var doun=document.getElementsByName("index");
                            doun[2].style.borderStyle="none";
                            doun[2].style.fontWeight="bold";
                            doun[2].style.color="red";
                        </script>
                    </c:if>
                </c:forEach>
            </c:if>
            <c:if test="${pageIndex-3>0 && pageIndex+2>=totalPage}">
                <c:forEach begin="${pageIndex-2}" end="${totalPage}" varStatus="index">
                    <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>&nbsp;&nbsp;
                    <c:if test="${index.current==pageIndex}">
                        <script type="text/javascript">
                            var dod=document.getElementsByName("index");
                            dod[2].style.borderStyle="none";
                            dod[2].style.fontWeight="bold";
                            dod[2].style.color="red";
                        </script>
                    </c:if>
                </c:forEach>
            </c:if>
            <c:if test="${pageIndex-3<=0 && pageIndex+2<totalPage}">
                <c:if test="${totalPage>=5 }">
                    <c:forEach begin="1" end="5" varStatus="index">
                        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>&nbsp;&nbsp;
                        <c:if test="${index.current==pageIndex}">
                            <script type="text/javascript">
                                var dod=document.getElementsByName("index");
                                for(var j=0;j<dod.length;j++){
                                    dod[${pageIndex-1}].style.borderStyle="none";
                                    dod[${pageIndex-1}].style.fontWeight="bold";
                                    dod[${pageIndex-1}].style.color="red";
                                }

                            </script>

                        </c:if>
                    </c:forEach>
                </c:if>
                <c:if test="${totalPage<5 }">
                    <c:forEach begin="1" end="${totalPage}" varStatus="index">
                        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>&nbsp;&nbsp;
                        <c:if test="${index.current==pageIndex}">
                            <script type="text/javascript">
                                var dod=document.getElementsByName("index");
                                for(var j=0;j<dod.length;j++){
                                    dod[${pageIndex-1}].style.borderStyle="none";
                                    dod[${pageIndex-1}].style.fontWeight="bold";
                                    dod[${pageIndex-1}].style.color="red";
                                }

                            </script>

                        </c:if>
                    </c:forEach>
                </c:if>
            </c:if>
            <c:if test="${pageIndex-3<=0 && pageIndex+2>=totalPage}">
                <c:forEach begin="1" end="${totalPage}" varStatus="index">
                    <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${index.current})" name="index">${index.current}</a>&nbsp;&nbsp;
                    <c:if test="${index.current==pageIndex}">
                        <script type="text/javascript">
                            var dod=document.getElementsByName("index");
                            for(var j=0;j<dod.length;j++){
                                dod[${pageIndex-1}].style.borderStyle="none";
                                dod[${pageIndex-1}].style.fontWeight="bold";
                                dod[${pageIndex-1}].style.color="red";
                            }

                        </script>
                    </c:if>
                </c:forEach>
            </c:if>
        </div>

        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${pageIndex+1})">下一页</a>
        <a href="javaScript:page_nav(document.getElementById('pagingSearchForm'),${totalPage})">尾页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


        <form method="post" action="/bbs/servlet/IndexLeftTopBoxContent" id="pagSearchForm" >
            跳转至<input type="text" name="pageIndex" id="pageIn" value="" style="width:30px"/>页
            <a href="javaScript:jump_to(document.getElementById('pagSearchForm'),document.getElementById('pageIn').value,${pageIndex})">GO</a>
        </form>
    </div>
</body>