JSP分页显示的实例代码(2)

分页标题#e#

function jumpTo(maxPage){
    var page = $("#jumpTo").val();
    if(page > maxPage || page < 1){
        alert("对不起，无法到达该页")
    }else{
        $('body').load('checkComments.do?page=' + page);
    }
}

6、CSS增强效果

为了凸显我们现在所在的页数，在上面的代码中我们特意做了判断：

复制代码 代码如下:

<c:when test="${item == page}">
<a href="https://www.jb51.net/checkComments.do?page=${item}">${item}</a>
</c:when>

这样，当前的页数就会被标记为currentPage类，如此一来，就可以在CSS文件中着重强调它了。比如：

复制代码 代码如下:

.currentPage{
    font-weight:bold;
    color:#ff9a00;
}

或者再设置以下跳转页输入框的宽度

复制代码 代码如下:

#jumpTo{
width:20px;
}

这样，当前页的页面就会被标记为粗体、橘色：

7、改进

用a标签的方法做链接虽然比较方便，不过会有下划线出现，感觉很不洋气。可以用css把它消除掉，或者hover时候加一些变化什么的。

复制代码 代码如下:

#pageControl a {
    text-decoration:none;
}

您可能感兴趣的文章: