分页条的制作

table内容

<table border="0" width=98% height=30px>
		<tr>
			<td align="center">
				<a id="firstPage"   href="javascript:void(0);" style="text-decoration:none;"> << </a> 
				<a id="prev" href="javascript:void(0);" style="text-decoration:none;"> < </a> 
					<span class="current-page"></span> / <span class="page-num"   ></span>  

				<a id="next" href="javascript:void(0);" style="text-decoration:none;"> > </a> 
				<a id="lastPage" href="javascript:void(0);" style="text-decoration:none;"> >> </a>
			</td>
		</tr>
	</table>

js定位

  $(".current-page").text("1");
  $(".page-num").text(data.length);
  $("#next").click(function() {
	 alert("next") });
时间: 2024-07-29 20:46:09

分页条的制作的相关文章

纯CSS制作自适应分页条-分享------彭记(019)

纯css制作自适应分页条 效果图: html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi

导航条菜单制作总结

整理自慕课网 http://www.imooc.com/view/6 制作垂直导航条时若不想增加导航块的长度可用text-indent:20px;进行缩进 导航条菜单制作总结1.用无序列表构建菜单:ul/li2.垂直菜单转变为水平菜单:float:left:3.在制作圆角菜单时,背景图片贴在<a>标签上: -------> 雪碧图的应用--- background-position4.在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值:5.

Unity 进度条3D制作(3D版)

昨天我们一起学习了2D进度跳的制作,那么趁着我们脑海中还残存昨日的记忆,今天继续学习另一种方法: 实现思路:当鼠标悬浮Start按钮->实例化物体并显示进度->100/100->进入游戏场景:   鼠标离开按钮进度还原为 0/100    直接点击Start按钮也可完成. 1,首先我们导入NGUI资源包,在当前工程的场景下创建UI. 2,在Herarchy下添加平行光,在Panel下添Button. 此处Background没有选择背景图片,即背景色为默认值,此处label设置字体显示S

GridPanel分页条插件

GridPanel的分页条没有设置当前页显示条数的功能,会不大方便 主要是抄袭的http://www.cnblogs.com/badwps/archive/2011/04/15/2016440.html该文的设置,做了些修改,不再使用下拉框选择,改为手工输入 注意:此处插件是Ext.PagingToolbar的插件 plugins: [new Ext.ui.plugins.ComboPageSize({})] ComboPageSize.js下载地址

分页条中显示数字页码的计算方法

摘要:在做web分页的时候,分页条中数字显示个数的计算方法.没有用现成的分页组建来做分页条.自己写了段简单的计算分页的代码. 2014-8-8 15:56:46 fix one bug. detailDesc: 使用 calcPage(4, 5, 4);将会导致分页异常. 页码多的时候,当前页始终保持是分页条中显示的最中间那页. public static void main(String[] args) { for (int i = 1; i <= 10; i++) { for (int j

模仿京东顶部搜索条效果制作的一个小demo

最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 1 #define kScreenWidth [UIScreen mainScreen].bounds.size.width 2 #define kScreenHeight [UIScreen mainScreen].bounds.size.height 3 4 #import "mainViewController.h" 5 6 @interface mainViewController

ExtJS自制表格Grid分页条

试过Grid自带的load和分页功能,没有成功,干脆就自己写了...... 主要是查询条件比较复杂...... 希望哪位大神能有更好的意见. 1 Ext.define('MyApp.ux.Pagination', { 2 extend: 'Ext.Toolbar', 3 // 调用时用此名称 4 alias: 'Pagination', 5 autoDestroy : true, 6 items : ['->',{ 7 // 用于记录查询条件 8 xtype : 'displayfield',

JS分页条

做分页条遇到的问题主要是中间几个页码如何计算. 目前做的这个分页功能:前进,后退,首,末,中间显示指定个数页码按钮,可选择转到指定页面,可选择几种尺寸和颜色 大体思路: 定义分页类 // getdataE:请求数据方法, pageindex:当前页码,pagesize:分页数大小 ,listcount: 总条数// ,pagelistcount:取回数据条数,[PageBtnCount]:分页条上显示页码个数(1 - 10)// ,[uisize]: 尺寸大小 , [uicolor]:颜色 fu

Bootstrap 组件中的分页条

先查看效果: 实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de