效果图:

大概思路：使用ul进行初始布局，每一次点击事件改变li里的值。
完整的代码在gitup上：https://github.com/anxizhihai/Paging.git
css部分:

html部分:

JQuery部分:

												


											
JQuery手写一个简单的分页的更多相关文章
	

    
								
  1. jquery 手写一个简单浮窗的反面教材
		
    前言 初学jquery写的代码,陈年往事回忆一下. 正文 介绍一下大体思路 思路: 1.需要控制一块区域,这块区域一开始是隐藏的. 2.这个区域需要关闭按钮,同时我需要写绑定事件,关闭的时候让这块区域 ...
    
		
    2. 
						
  2. JQuery手写一个简单的轮播图
		
    做出来的样式: 没有切图,就随便找了一些图片来实现效果,那几个小星星萌不萌. 这个轮播图最主要的部分是animate(),可以先熟悉下这个方法. 代码我放到了github上,链接:https://gi ...
    
		
    3. 
						
  3. 利用SpringBoot+Logback手写一个简单的链路追踪
		
    目录 一.实现原理 二.代码实战 三.测试 最近线上排查问题时候,发现请求太多导致日志错综复杂,没办法把用户在一次或多次请求的日志关联在一起,所以就利用SpringBoot+Logback手写了一个简 ...
    
		
    4. 
						
  4. 手写一个简单的ElasticSearch SQL转换器(一)
		
    一.前言 之前有个需求,是使ElasticSearch支持使用SQL进行简单查询,较新版本的ES已经支持该特性(不过貌似还是实验性质的?) ,而且git上也有elasticsearch-sql 插件, ...
    
		
    5. 
						
  5. 手写一个简单的starter组件
		
    spring-boot中有很多第三方包,都封装成starter组件,在maven中引用后,启动springBoot项目时会自动装配到spring ioc容器中. 思考: 为什么我们springBoot ...
    
		
    6. 
						
  6. 手写一个简单的HashMap
		
    HashMap简介 HashMap是Java中一中非常常用的数据结构,也基本是面试中的"必考题".它实现了基于"K-V"形式的键值对的高效存取.JDK1.7之前 ...
    
		
    7. 
						
  7. 手写一个简单到SpirngMVC框架
		
    spring对于java程序员来说,无疑就是吃饭到筷子.在每次编程工作到时候,我们几乎都离不开它,相信无论过去,还是现在或是未来到一段时间,它仍会扮演着重要到角色.自己对spring有一定的自我见解, ...
    
		
    8. 
						
  8. 手写一个简单版的SpringMVC
		
    一 写在前面 这是自己实现一个简单的具有SpringMVC功能的小Demo,主要实现效果是; 自己定义的实现效果是通过浏览器地址传一个name参数,打印“my name is”+name参数.不使用S ...
    
		
    9. 
						
  9. socket手写一个简单的web服务端
		
    直接进入正题吧,下面的代码都是我在pycharm中写好,再粘贴上来的 import socket server = socket.socket() server.bind(('127.0.0.1',  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. wget http://pypi.python.org/packages/source/s/setuptools/setuptools-2.0.tar.gz 下载时报错 ssl is required 解决办法
			
    方法一:使用浏览器下载.在浏览器中输入 http://pypi.python.org/packages/source/s/setuptools/setuptools-2.0.tar.gz 方法二:将h ...
    
			
    2. 
						
  2. Incorrect column count: expected 1, actual 5
			
    在使用jdbc的querForObject queryForList的时候,出现Incorrect column count: expected 1, actual 5 比如 String sql = ...
    
			
    3. 
						
  3. jquery中的$().each和$.each的区别
			
    jquery中的$().each和$.each的区别 注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历数组和对象 备注:sinobook项目中地名本体相关地按 ...
    
			
    4. 
						
  4. pv-remjs的快速开始
			
    pv-remjs 这是一个移动端适配的工具类,采用rem布局的方式 ## 快速开始 在html文件中引入,先查看版本`<script src= "https://unpkg.com/p ...
    
			
    5. 
						
  5. Hibernate (ORM)
			
    1 框架体系结构 2 hibernate入门 2.1 ORM框架 Hibernate是一个数据持久化层的ORM框架. Object:对象,java对象,此处特指JavaBean Relational: ...
    
			
    6. 
						
  6. css display属性详解
			
    css display属性在对css做layout设计时非常重要,它的值有以下几种: Value Description Play it inline Default value. Displays  ...
    
			
    7. 
						
  7. ASPNET MVC Error 403.14
			
    今天创建了一个新的ASPNET MVC 项目部署到本地, 生成成功后在浏览器中输入URL却发现报这个错 解决办法: 因为我的站点是4.5的,但是我没有设置Application Pool所以当前还是默 ...
    
			
    8. 
						
  8. 【转】关于色彩空间sRGB和Adobe RGB...
			
    以前对这个问题一直很困惑.... 下面采用问答形式.A:相机中的SRGB和ADOBE RGB有什么区别 ADOBE貌似颜色淡.什么时候有用处呢? B:不是这样的,ADOBE RGB的色域要比SRGB要 ...
    
			
    9. 
						
  9. calculate fraction by oracle
			
    QUESTION:When you meet calculate fraction in oracle SOLUTION: 1.Check out their values respectively. ...
    
			
    10. 
						
  10. htm5  手机自适应问题  文本框被激活(获取焦点)时，页面会放大至原来尺寸。
			
    加上这句话就ok啦 <meta name="viewport" content="width=device-width, initial-scale=1.0, mi ...
    
			
    11.