<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
//循环
function for_each ( _currentPage, _countPage, _showNum){
var arr = new Array();
var right_size = _currentPage+2;//当前页+2 右侧
var left_size = _currentPage-2;//当前页-2 左侧
//总页数大于显示数目
if(_countPage>_showNum){
//1. 右侧少
if( right_size> _countPage ){
for(var i= (_countPage-_showNum+1) ; i<_currentPage ; i++){
arr.push(i);
}
//加右侧的页码
for(var i=_currentPage ; i<=_countPage ; i++){
arr.push(i);
}
}
//2. 左侧少
else if(left_size<=0){
for(var i=1 ; i<=_showNum ; i++){
arr.push(i);
}
}
//3. 正常情况
else{
for(var i=left_size ; i<_currentPage ; i++){
arr.push(i);
}
//加右侧的页码
for(var i=_currentPage ; i<= right_size ; i++){
arr.push(i );
}
}
//总页数小于显示数目 页数都显示出来
}else{
for(var i=1;i<=_countPage;i++){
arr.push(i);
}
}
return arr;
}
var _arr = for_each (2,3,5);
for(var i=0;i<_arr.length;i++){
var _index = _arr[i]-1;
document.write("<a href=\"index"+"_" + _index + "."+"html\">"+(_arr[i])+"</a> ");
}
//-->
</SCRIPT>
</BODY>
</HTML>
分享到：
相关推荐
在JavaScript分页代码实现中，经常会出现需求让当前页码居中显示，这样可以方便用户快速定位到当前浏览的页面。 在提供的代码片段中，作者提到了一个名为`setPage`的函数。这个函数接收一个名为`opt`的参数，这个...
"页码居中插件"就是针对这种情况而设计的一个工具，它专注于帮助开发者轻松实现页面元素的居中对齐。这个插件的出现极大地简化了代码编写过程，使得在各种屏幕尺寸和设备上实现元素居中变得更加便捷。 居中布局在...
3. 更新分页导航：当用户切换页码时，更新分页链接或按钮的状态，确保它们反映当前的页面状态。 4. 监听用户交互：响应用户点击分页链接或按钮，执行相应的分页逻辑。 三、jQuery的参与 jQuery是一个广泛使用的...
在前端开发中，实现分页效果是常见的需求，特别是在数据量较大的列表展示中。本教程将探讨如何使用Vue.js框架结合Bootstrap库来创建一个高效、响应式的分页组件。Vue.js是一个轻量级的JavaScript框架，它提供了声明...
1. **数据管理**：当内容较多时，JavaScript可以用来处理分页逻辑，例如计算总页数、确定当前页码、加载相应页面的数据。 2. **事件监听**：通过添加事件监听器，JavaScript能够响应用户的点击行为，比如当用户点击...
- 如果当前页码在左侧边缘或右侧边缘，则调整起始页码和结束页码以确保页码居中显示。 #### 四、实际应用案例 假设有一个博客系统，每页显示的文章数量为5篇，总共有50篇文章。 - **参数设定**: - `$page = 3` ...
2. **传递分页参数**：将计算出的总页数、当前页数等信息传递给Freemarker模板。这些信息可以放在一个对象（如`PaginationBean`）中，然后通过ModelAndView或Spring MVC的Model传入视图层。 3. **Freemarker模板...
3. 交互性：添加鼠标悬停效果，突出当前页码，以及明确的选中状态。 4. 可访问性：确保键盘用户也能方便地导航分页，使用合理的tab顺序和聚焦样式。 5. 响应式设计：考虑在不同设备和屏幕尺寸上的显示效果，可能需要...
这段代码创建了一个居中对齐的分页符容器，每个分页按钮具有一定的样式，并且区分了激活状态和不可点击状态。当然，你可以根据自己的需求调整这些样式。 接下来，我们讨论JavaScript（JS）的作用。虽然CSS可以定义...
本教程将详细介绍如何使用AspNetPager控件进行分页，并探讨如何自定义样式，使得分页效果更符合网站整体设计。 首先，要使用AspNetPager控件，你需要将其添加到你的ASP.NET项目中。这通常通过NuGet包管理器完成，...
- `HorizontalAlign="Center"` 和 `CustomInfoTextAlign="Center"` 都指定了控件和自定义信息居中对齐。 - `CssClass="xzlb-fy"` 添加了自定义 CSS 类，用于自定义样式。 - 其他属性与样式一相似，保持了分页功能...
5. `$curIndexPage`：当前页在分页栏中的位置，例如，如果设置了3，则当前页码将被居中显示，前后各显示两个页码。 6. `$totalPageNum`：计算得到的总页数，基于总条目数和每页显示的条目数。 7. `$arrPage`：一个...
2. **EL（Expression Language）**：EL用于在JSP页面中简洁地访问JavaBean或其他作用域内的对象，比如获取当前页码、总页数等分页参数。 3. **JSTL（JavaServer Pages Standard Tag Library）**：JSTL提供了一系列...
RenderPager方法用于渲染分页页码，包括当前页码和总页数。该方法同样接收了多个参数，包括分页模式、HTTP响应对象、总记录数、当前页数、每页记录数和基础字符串。其中，分页模式是枚举类型PagerModoule，HTTP响应...
给出的CSS代码定义了`.pagelist`类，用于包裹整个分页组件，设置了内边距和居中对齐。接着，`.pagelist span`和`.pagelist a`选择器定义了分页链接的基本样式，包括圆角、边框、内边距以及默认颜色。`.pagelist a`...
在分页设计中，我们可能需要选中分页的每个元素，例如“上一页”、“下一页”按钮，页码，以及当前页等。 接下来，我们将探讨如何使用`div`元素来构建分页结构。一个基本的分页结构可能包含一个包裹所有分页元素的...
`.pager_a` 是分页按钮的基本样式，设置为块级元素，具有固定宽高、居中对齐的文本、黑色边框和黑色文本。当按钮被选中或激活时，会应用 `.pager_a_red` 类，此时边框颜色变为红色，文本加粗，表示当前页面。 HTML...
3)在“对齐方式”框中指定页码相对页边距的左右，是左对齐、居中还是右对齐；或是相对于页面装订线的内侧或外侧对齐。 4)如果您不希望页码出现在首页，可清除“首页显示页码”对话框。 5)选择其他所需选项。 2. ...
该构造函数接受一个参数`opts`，这是一个对象，允许开发者自定义分页的配置选项，比如分页容器的位置、总页数、当前页码等。 2. `Page.defaults`对象包含了分页组件的默认设置。这些默认设置在实例化时可以被用户...