效果图:

大概思路：使用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. OkHttp完全解析之整体调用流程
			
    前言:阅读好的代码如同观赏美景一样的美妙 OkHttp是一个Square公司在github开源的Java网络请求框架,非常流行.OkHttp 的代码并不是特别庞大,代码很多巧妙的实现,非常值得学习.  ...
    
			
    2. 
						
  2. Error running Tomcat8: Address localhost:1099 is already in use 错误解决
			
    摘要: 有时候运行web项目的时候会遇到 Error running Tomcat8: Address localhost:1099 is already in use 的错误,导致web项目无法运行 ...
    
			
    3. 
						
  3. PL/SQL 快速连接数据库
			
    打开PL/SQL 登录窗口,在数据库地址写入 服务器名:端口号/sid 即可, 例如: 192.168.100.100:1521/test
    
			
    4. 
						
  4. setInterval 与 clearInterval详解
			
    首先注意,setInterval与clearInterval都是直属于window对象的. 1.直接调用setInterval(即不通过函数调用) <div id="oDiv_show ...
    
			
    5. 
						
  5. 11.1NOIP模拟赛解题报告
			
    心路历程 预计得分:\(100 + 100 + 50\) 实际得分:\(100 + 100 + 50\) 感觉老师找的题有点水呀. 上来看T1,woc?裸的等比数列求和?然而我不会公式呀..感觉要凉  ...
    
			
    6. 
						
  6. 如何使用eslint
			
    npm i -g eslint 安装 eslint 即可看到基本的使用参数 eslint官网提供配置文件 eslint --env browser --global $ --rule "no ...
    
			
    7. 
						
  7. Linux系统搭建GitLab---阿里云Centos7搭建Gitlab踩坑
			
    一.简介 GitLab,是一个利用 Ruby on Rails 开发的开源应用程序,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目安装. 它拥有与GitHub类似的功能,能 ...
    
			
    8. 
						
  8. ajax post data 获取不到数据,注意content-type的设置post/get
			
    因为之前一直用jQuery ajax get的方式传递参数, 默认没有设置过 contentType 的值. $.ajax({ url: "/yuanjin/jianxiang", ...
    
			
    9. 
						
  9. classifier.cc-recv()  [ns2.35]
			
    //without comments int chooseECNSlot() { ; ;i<=nslot_;i++) { *count) { *count); )*ti; ;j<=nslo ...
    
			
    10. 
						
  10. QT的hint的toolTip的使用
			
    QString value = ''1213213231"; this->setToolTip(value);//QT自带的接口 value就是自己想要塞进的数据. 如果字符多的话 怎 ...
    
			
    11.