效果图:

大概思路：使用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. Docker镜像保存为文件及从文件导入镜像的方法
			
    参考 1.概述 我们制作好镜像后,有时需要将镜像复制到另一台服务器使用. 能达到以上目的有两种方式,一种是上传镜像到仓库中(本地或公共仓库),但是另一台服务器很肯能只是与当前服务器局域网想通而没有公网 ...
    
			
    2. 
						
  2. MVC 控制器中直接访问url 的方式
			
    public void ShowDetailsImg() { //生成MD5码 string path = @"D:\其他\Test\WebApplication2\WebApplicati ...
    
			
    3. 
						
  3. Effective C++ .07 virtual析构函数的提供
			
    主要讲了, 1. virtual析构函数的作用与调用顺序 2. 使用时机,并不是使用了继承就要把基类的析构函数变为虚函数(virtual),只有当用于多态目的时才进行一个virtual析构函数的定义. ...
    
			
    4. 
						
  4. ccf-201809-2 买菜
			
    问题描述 小H和小W来到了一条街上,两人分开买菜,他们买菜的过程可以描述为,去店里买一些菜然后去旁边的一个广场把菜装上车,两人都要买n种菜,所以也都要装n次车.具体的,对于小H来说有n个不相交的时间段 ...
    
			
    5. 
						
  5. window onload  ||  jquery $()
			
    1.window 的 onload 机制只指定一个函数,且在页面DOM及静态资源加载完之后执行: window.onload = function(){ alert(); } 2.$(document ...
    
			
    6. 
						
  6. 1004. 填充矩形 (Standard IO)
			
    题目描述 已知矩形的大小为n×m,现用a×a的正方形填充该矩形.输入三个正整数n,m,a(n,m,a≤10^9),计算至多能填入多少正方形?(正方形可以正好碰到矩形边界,但不能超出矩形外) 输入 一行 ...
    
			
    7. 
						
  7. 初识shell expect
			
    场景:工作中经常会遇到shell脚本写的连接脚本,所以稍微了解下. 一.shell Shell 是一个用C语言编写的程序,它是用户使用Linux的桥梁.Shell既是一种命令语言,又是一种程序设计语言 ...
    
			
    8. 
						
  8. 关于 class 的命名
			
    class名称中只出现小写字符和破折号 使用有组织或目的明确的名称,不使用表现形式 基于最近的的父class 作为新class的前缀 使用 .js-* 来标识行为,并且不要将这些class包含到css ...
    
			
    9. 
						
  9. Android PopupWindow显示位置设置
			
    当点击某个按钮并弹出PopupWindow时,PopupWindow左下角默认与按钮对齐,但是如果PopupWindow是下图的那样,会发 生错位的情况,尤其是不同尺寸的平板上,那错位错的不是一般的不 ...
    
			
    10. 
						
  10. update_dctcp_alpha
			
    /* + * Update dctcp alpha based on the ecn bit in the received packet. + * This procedure is called  ...
    
			
    11.