仅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...
本文介绍了一个使用仅1021字节JavaScript代码制作的3D圣诞树项目，该项目的演示地址为http://js1k.com/2010-xmas/demo/856。尽管演示地址已经给出，但是该网站指出非Chrome浏览器可能会在运行时出现卡顿现象。页面上...
在本文中，我们将深入探讨如何使用STC8G1K08单片机通过硬件IIC接口读取AHT20传感器的温湿度数据，并在0.91英寸的OLED显示屏上进行显示。STC8G1K08是一款低功耗、高性能的8051微控制器，适合于各种嵌入式应用。AHT20...
这个“Flux架构实现大小约1k”的主题意味着它提供了一个极简的、轻量级的Flux实现，使得开发者能够在不增加大量代码负担的情况下，理解和应用Flux设计原则。 Flux的核心概念是单向数据流，它强调数据从服务器到视...
STC8G1K08A是一款单片机，由STC公司生产，属于STC8系列。这款单片机采用了8051内核，拥有较高的性价比和较大的存储空间，因此广泛应用于工业控制、消费电子、汽车电子等领域。在实际应用中，STC8G1K08A单片机可以...
”这个项目中，开发者们挑战自己，尝试在仅有的1024字节（1K）代码空间内实现经典的“太空入侵者”游戏。这是一个对代码优化和压缩技术的极限挑战，同时也展示了JavaScript的可塑性和创造力。 首先，我们需要了解...
开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件LeanModal，记录于此，方便自己，亦方便他人使用。 此插件是个老外写的，体积小是它...script src=”Javascript/jquery.leanModal.min.js” type=”text/
STC8G1K08A是一款单片机，属于STC系列，具有较高的性价比和灵活的配置，广泛应用于多种电子项目中。在实际应用中，中断功能对于单片机来说是至关重要的，它允许处理器响应特定事件，如按键操作等，而无需持续轮询...
JS1K是一个编程竞赛，挑战开发者在仅使用1024字节（1K）的JavaScript代码内创建出令人惊叹的应用或游戏。这个活动展现了JavaScript语言的高度压缩性和创新潜力，同时也是一种展示编码技巧和优化能力的方式。在JS1K ...
1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道 1k正弦波，wav格式，测试用，谁用谁知道
STC8G1K08A是一款由STC公司生产的8位微控制器，属于STC8G系列。这款MCU以其高效能、低功耗和丰富的内置功能在嵌入式系统设计中广泛应用。本文将详细讲解STC8G1K08A的主要特性、模拟量处理以及与STC801K08A的区别。 ...
- 本文讨论的是如何利用纯JavaScript脚本实现一个1K大小的3D玫瑰模型，这是由西班牙程序员Roman Cortes所创作的一个情人节礼物项目。 - **技术基础**： - 使用HTML5的`<canvas>`元素进行图形渲染。 - 借助...
花1K内存实现高效I-O的RandomAccessFile类 自己搜搜这个关键字. 我主要是用来优化Android上多线程断点下载的写文件效率 RandomAccessFile是操作硬盘的,比操作内存的数据慢了几百万倍, 所有有人做出优化,我特上传...
西班牙程序员Roman Cortes带来的纯js脚本1k大小的3D玫瑰，在不同浏览器下观看效果、速度会有很大的不同。但是目前好像尝试只能用ie打开，这朵三维代码玫瑰的呈现效果采用了蒙特卡罗方法，在为物件进行着色时，执行...
这个压缩包文件“STC8G_stc8g1k08a烧录_STC8g串口程序_stc8g1k08apudn_stc8g.zip”显然是关于如何为STC8G1K08A单片机烧录串口程序的资源集合。 STC8G1K08A单片机的特性包括： 1. 内置8KB Flash存储，用于存储用户...
定时器中断是单片机常用的一种中断源，它以固定的周期触发中断，可以用来控制数码管的显示频率，从而实现平滑无闪烁的显示效果。定时器中断服务程序中，会更新数码管要显示的数据，然后通过I/O口控制数码管的位段...