`
iaiai
  • 浏览: 2197990 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

仅1K大小的javascript/jquery页码显示,完美实现腾迅微博分页效果

 
阅读更多
仅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大小的javascriptjquery页码显示,完美实现腾迅微博分页效果

    这个仅1K大小的JavaScript jQuery插件,就是为实现类似腾讯微博的分页效果而设计的,它体现了高效和轻量级的编程理念。 首先,我们来了解一下JavaScript和jQuery。JavaScript是一种广泛使用的客户端脚本语言,它在...

    如何打造仅1k大小的纯JS脚本3D玫瑰

    如何打造仅1k大小的纯JS脚本3D玫瑰 源码,可直接运行

    只有1K大小的清理软件,不错哦!

    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-六脚数码管188屏显示

    在本文中,我们将深入探讨如何使用STC8H1K08T单片机和C语言来实现一个基于IP5328充电宝芯片的电量显示系统,该系统能够将电池电量信息显示在六脚数码管188屏上。首先,让我们了解涉及的关键组件和技术。 1. **STC8H...

    Flux架构实现大小约1k

    这个“Flux架构实现大小约1k”的主题意味着它提供了一个极简的、轻量级的Flux实现,使得开发者能够在不增加大量代码负担的情况下,理解和应用Flux设计原则。 Flux的核心概念是单向数据流,它强调数据从服务器到视...

    stc8g1k08硬件iic读取aht20温湿度及0.91寸oled显示

    在本文中,我们将深入探讨如何使用STC8G1K08单片机通过硬件IIC接口读取AHT20传感器的温湿度数据,并在0.91英寸的OLED显示屏上进行显示。STC8G1K08是一款低功耗、高性能的8051微控制器,适合于各种嵌入式应用。AHT20...

    js1k:1k javascript 中的太空入侵者?

    ”这个项目中,开发者们挑战自己,尝试在仅有的1024字节(1K)代码空间内实现经典的“太空入侵者”游戏。这是一个对代码优化和压缩技术的极限挑战,同时也展示了JavaScript的可塑性和创造力。 首先,我们需要了解...

    Jquery弹出窗口插件 LeanModal的使用方法

    开发网站少不了要经常用弹出窗口的形式,今天在网上搜了个小插件LeanModal,记录于此,方便自己,亦方便他人使用。 此插件是个老外写的,体积小是它...script src=”Javascript/jquery.leanModal.min.js” type=”text/

    JS1K 2013 3D蜜蜂源代码

    JS1K是一个编程竞赛,挑战开发者在仅使用1024字节(1K)的JavaScript代码内创建出令人惊叹的应用或游戏。这个活动展现了JavaScript语言的高度压缩性和创新潜力,同时也是一种展示编码技巧和优化能力的方式。在JS1K ...

    1K正弦波测试可用1k1k1k

    1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道

    [情人节专属]纯js脚本1k大小的3D玫瑰

    - 本文讨论的是如何利用纯JavaScript脚本实现一个1K大小的3D玫瑰模型,这是由西班牙程序员Roman Cortes所创作的一个情人节礼物项目。 - **技术基础**: - 使用HTML5的`&lt;canvas&gt;`元素进行图形渲染。 - 借助...

    stc8g1k08A_STC8G1K08A_stc801k08a_源码

    STC8G1K08A是一款由STC公司生产的8位微控制器,属于STC8G系列。这款MCU以其高效能、低功耗和丰富的内置功能在嵌入式系统设计中广泛应用。本文将详细讲解STC8G1K08A的主要特性、模拟量处理以及与STC801K08A的区别。 ...

    STC8G1K08_ADC.zip_STC8G1K08A_ad采集

    STC8G1K08ADC.zip是一款与STC8G1K08A单片机相关的资源包,主要涉及...通过以上步骤和知识点,开发者可以构建一个完整的STC8G1K08A单片机ADC采集并串口发送到计算机显示的系统,从而实现对模拟信号的数字化处理和监控。

    花1K内存实现高效I-O的RandomAccessFile类

    花1K内存实现高效I-O的RandomAccessFile类 自己搜搜这个关键字. 我主要是用来优化Android上多线程断点下载的写文件效率 RandomAccessFile是操作硬盘的,比操作内存的数据慢了几百万倍, 所有有人做出优化,我特上传...

    纯js脚本1k大小的3D玫瑰

    西班牙程序员Roman Cortes带来的纯js脚本1k大小的3D玫瑰,在不同浏览器下观看效果、速度会有很大的不同。但是目前好像尝试只能用ie打开,这朵三维代码玫瑰的呈现效果采用了蒙特卡罗方法,在为物件进行着色时,执行...

    中断显示_单片机_alphabetr1k_

    定时器中断是单片机常用的一种中断源,它以固定的周期触发中断,可以用来控制数码管的显示频率,从而实现平滑无闪烁的显示效果。定时器中断服务程序中,会更新数码管要显示的数据,然后通过I/O口控制数码管的位段...

    测试音源_1k音频测试_1k测试音频_左声道1ktone_音频测试音源_

    音频系统通常有左右两个声道来实现立体声效果。分别测试左右声道可以确保每个声道的独立工作状态,防止声道不平衡导致的音质问题。声道不平衡可能表现为一个声道的音量过大或过小,或者音色有显著差异,这都会影响...

    acex1k FPGA

    ACEX1K系列FPGA是由Altera公司设计的一种具有高性能、低成本的可编程逻辑器件(Programmable Logic Devices,PLDs),该系列包括ep1k30、ep1k50和ep1k100等型号,适合集成在单一设备上的系统级可编程芯片(System-On...

    操作系统实现请求分页存储管理页面Optimal、FIFO、LRU调度算法论文

    操作系统实现请求分页存储管理页面Optimal、FIFO、LRU调度算法论文 在计算机科学中,请求分页存储管理是操作系统中的一种重要机制,用于管理计算机的虚拟存储器。为了更好地理解和掌握这种机制,需要实现请求分页...

Global site tag (gtag.js) - Google Analytics