仅1K大小的javascript/jquery页码显示,完美实现腾迅微博分页效果。
主要是因为项目需要，然后在网上找了一下，短时间内没找到现成的，就自己写了一个。
效果如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pagenav test</title>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://page-nav-js-jquery.googlecode.com/files/pagenav.min.js"></script>
<style type="text/css" media="screen">
a { color:#2B4A78; text-decoration:none; }
a:hover { color:#2B4A78;text-decoration:underline; }
a:focus, input:focus {outline-style:none; outline-width:medium; }
/* custom css style: pageNum,cPageNum */
.pageNum{border: 1px solid #999;padding:2px 8px;display: inline-block;}
.cPageNum{font-weight: bold;padding:2px 5px;}
#pageNav a:hover{text-decoration:none;background: #fff4d8; }
</style>
<script>
$(function(){
//optional set
pageNav.pre="PRE";
pageNav.next="NEXT";
// p:current page number.
// pn: page sum.
pageNav.fn = function(p,pn){
$("#test").text("Page:"+p+" of "+pn + " pages.");
};
//goto the page 3 of 33.
pageNav.go(3,33);
});
</script>
</head>
<body>
<div id="test" style="height:70px;padding:30px 10px;font-size: 300%;"></div>
<div id="pageNav"></div>
</body>
<html>
项目地址：
http://code.google.com/p/page-nav-js-jquery/
- 大小: 4.6 KB
分享到：
相关推荐
这个仅1K大小的JavaScript jQuery插件，就是为实现类似腾讯微博的分页效果而设计的，它体现了高效和轻量级的编程理念。 首先，我们来了解一下JavaScript和jQuery。JavaScript是一种广泛使用的客户端脚本语言，它在...
如何打造仅1k大小的纯JS脚本3D玫瑰 源码，可直接运行
1K的软件不多，而且是它是个清理软件！ del /f /s /q %systemdrive%\*.tmp del /f /s /q %systemdrive%\*._mp del /f /s /q %systemdrive%\*.log del /f /s /q %systemdrive%\*.gid del /f /s /q %systemdrive%\*....
在本文中，我们将深入探讨如何使用STC8H1K08T单片机和C语言来实现一个基于IP5328充电宝芯片的电量显示系统，该系统能够将电池电量信息显示在六脚数码管188屏上。首先，让我们了解涉及的关键组件和技术。 1. **STC8H...
在本文中，我们将深入探讨如何使用STC8G1K08单片机通过硬件IIC接口读取AHT20传感器的温湿度数据，并在0.91英寸的OLED显示屏上进行显示。STC8G1K08是一款低功耗、高性能的8051微控制器，适合于各种嵌入式应用。AHT20...
这个“Flux架构实现大小约1k”的主题意味着它提供了一个极简的、轻量级的Flux实现，使得开发者能够在不增加大量代码负担的情况下，理解和应用Flux设计原则。 Flux的核心概念是单向数据流，它强调数据从服务器到视...
”这个项目中，开发者们挑战自己，尝试在仅有的1024字节（1K）代码空间内实现经典的“太空入侵者”游戏。这是一个对代码优化和压缩技术的极限挑战，同时也展示了JavaScript的可塑性和创造力。 首先，我们需要了解...
开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件LeanModal，记录于此，方便自己，亦方便他人使用。 此插件是个老外写的，体积小是它...script src=”Javascript/jquery.leanModal.min.js” type=”text/
JS1K是一个编程竞赛，挑战开发者在仅使用1024字节（1K）的JavaScript代码内创建出令人惊叹的应用或游戏。这个活动展现了JavaScript语言的高度压缩性和创新潜力，同时也是一种展示编码技巧和优化能力的方式。在JS1K ...
1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道
- 本文讨论的是如何利用纯JavaScript脚本实现一个1K大小的3D玫瑰模型，这是由西班牙程序员Roman Cortes所创作的一个情人节礼物项目。 - **技术基础**： - 使用HTML5的`<canvas>`元素进行图形渲染。 - 借助...
STC8G1K08A是一款由STC公司生产的8位微控制器，属于STC8G系列。这款MCU以其高效能、低功耗和丰富的内置功能在嵌入式系统设计中广泛应用。本文将详细讲解STC8G1K08A的主要特性、模拟量处理以及与STC801K08A的区别。 ...
STC8G1K08ADC.zip是一款与STC8G1K08A单片机相关的资源包，主要涉及...通过以上步骤和知识点，开发者可以构建一个完整的STC8G1K08A单片机ADC采集并串口发送到计算机显示的系统，从而实现对模拟信号的数字化处理和监控。
花1K内存实现高效I-O的RandomAccessFile类 自己搜搜这个关键字. 我主要是用来优化Android上多线程断点下载的写文件效率 RandomAccessFile是操作硬盘的,比操作内存的数据慢了几百万倍, 所有有人做出优化,我特上传...
西班牙程序员Roman Cortes带来的纯js脚本1k大小的3D玫瑰，在不同浏览器下观看效果、速度会有很大的不同。但是目前好像尝试只能用ie打开，这朵三维代码玫瑰的呈现效果采用了蒙特卡罗方法，在为物件进行着色时，执行...
定时器中断是单片机常用的一种中断源，它以固定的周期触发中断，可以用来控制数码管的显示频率，从而实现平滑无闪烁的显示效果。定时器中断服务程序中，会更新数码管要显示的数据，然后通过I/O口控制数码管的位段...
音频系统通常有左右两个声道来实现立体声效果。分别测试左右声道可以确保每个声道的独立工作状态，防止声道不平衡导致的音质问题。声道不平衡可能表现为一个声道的音量过大或过小，或者音色有显著差异，这都会影响...
ACEX1K系列FPGA是由Altera公司设计的一种具有高性能、低成本的可编程逻辑器件（Programmable Logic Devices，PLDs），该系列包括ep1k30、ep1k50和ep1k100等型号，适合集成在单一设备上的系统级可编程芯片（System-On...
操作系统实现请求分页存储管理页面Optimal、FIFO、LRU调度算法论文 在计算机科学中，请求分页存储管理是操作系统中的一种重要机制，用于管理计算机的虚拟存储器。为了更好地理解和掌握这种机制，需要实现请求分页...