效果图:

大概思路：使用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. Java 不可变类
			
    Java 不可变类 immutable object 不可变类是指这个类的实例一旦创建完成后,就不能改变其成员变量值. 如JDK内部自带的很多不可变类:Interger.Long和String等. * ...
    
			
    2. 
						
  2. openMP编程(上篇)之并行程序设计
			
    openMP简介 openMP是一个编译器指令和库函数的集合,主要是为共享式存储计算机上的并行程序设计使用的. 当计算机升级到多核时,程序中创建的线程数量需要随CPU核数变化,如在CPU核数超过线程数 ...
    
			
    3. 
						
  3. [ERROR] Failed to execute goal org.apache.maven.plugins:maven-dependency-plugin:2.8:unpack (unpack) on project sq-integral-web: Unable to find artifact.
			
    1.问题描述 项目maven打包报上述错误, 但是小伙伴运行好使. 2.问题解决 是idea工程编码(gbk)和项目编码(utf-8)不一致 idea->file->Other Setti ...
    
			
    4. 
						
  4. Codeforces Round #394 (Div. 2)
			
    前一半是刚刚打完比赛的时候写的……不知为啥手腕有点僵,估计是前一个小时用力过度了吧= = 前四题看着还好,后两题就有点懵逼了……现在还不知道E题的题意到底是啥…… 不管了……还没找着官方题解,贴一下自 ...
    
			
    5. 
						
  5. 修改vue的配置项支持生产环境下二级目录访问的方法
			
    本文主要记录如何配置vue的打包文件配置项,使打包后的文件可以支持二级目录的访问. 1.常规打包 在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问 打包后的文 ...
    
			
    6. 
						
  6. bat中实现代码拷贝到指定目录后启动命令行并更改默认路径
			
      ### window书写shell脚本,实现判断指定文件是否存在,存在就删除,然后复制新文件到此目录 ``` if exist "G:\test\test2\1.txt" (d ...
    
			
    7. 
						
  7. c++开发ocx入门实践二
			
    原文:http://blog.csdn.net/yhhyhhyhhyhh/article/details/51374355         IDE:vs2010,c++,测试工具,vs自带的TstCo ...
    
			
    8. 
						
  8. WebService性能测试
			
    什么是WebService?(本文也会在最下面通俗的介绍) 这里给一个站内大哥的讲解:http://www.cnblogs.com/Leo_wl/archive/2010/05/20/1740205. ...
    
			
    9. 
						
  9. Python学习---重点模块之logging
			
    日志级别 日志级别  critical > error > warning > info > debug, 默认是从warning开始打印 import logging # 日 ...
    
			
    10. 
						
  10. 记一次JVM调优之旅（斗争full gc）
			
    俗话说技多不压身,当年苦读<深入理解JVM>还专门整理了笔记,现在就用上了- 笔记 http://www.cnblogs.com/syjkfind/p/3901774.html [症状]  ...
    
			
    11.