仅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大小的纯JS脚本3D玫瑰 源码,可直接运行
jQFader是一个jquery插件大小只有1k,可以让您的网页元素一个接一个的呈现淡出效果,演示地址:http://www.jq22.com/jquery-info519
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%\*....
NULL 博文链接:https://x7700.iteye.com/blog/1003918
Flux 架构实现大小约1k
开发网站少不了要经常用弹出窗口的形式,今天在网上搜了个小插件LeanModal,记录于此,方便自己,亦方便他人使用。 此插件是个老外写的,体积小是它...script src=”Javascript/jquery.leanModal.min.js” type=”text/
jor1k, 运行Linux的在线 OR1K 模拟器 jor1k jor1k是一个 OpenRISC 1000 模拟器,用运行Linux的JavaScript编写。 它几乎在任何现代网络浏览器中运行。 尝试一下,看看它是否在你的浏览器中运行,打开演示程序。 更多...
西班牙程序员Roman Cortes带来的纯js脚本1k大小的3D玫瑰,在不同浏览器下观看效果、速度会有很大的不同。但是目前好像尝试只能用ie打开,这朵三维代码玫瑰的呈现效果采用了蒙特卡罗方法,在为物件进行着色时,执行...
1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道 1k正弦波,wav格式,测试用,谁用谁知道
本例程实现功能:1.读IP5328充电宝芯片获得电量,2.将电量数据显示在188屏上。使用语言:C语言。芯片:STC8H1K08T+IP5328+6脚数码屏
[情人节专属]纯JS脚本1k大小的3D玫瑰
这里是Corel1K数据集,主要是针对我自己写的博客使用的!有兴趣可以看一下! https://blog.csdn.net/weixin_43687366/article/details/106827288
1K赫兹音频信号WAV文件 1K赫兹音频信号WAV文件 1K赫兹音频信号WAV文件 1K赫兹音频信号WAV文件
STC8G1K08单片机内部AD采集,串口发到电脑显示
stc8g1k08硬件iic读取aht20温湿度及0.91寸oled显示
CAT24WC01/02/04/08/16 是一个1K/2K/4K/8K/16K 位串行CMOS E2PROM 内部含有 128/256/512/1024/2048 个8 位字节CATALYST 公司的先进CMOS 技术实质上减少了器件的功耗 CAT24WC01 有一个8 字节页写缓冲器CAT24WC02/04/...
花1K内存实现高效I-O的RandomAccessFile类 自己搜搜这个关键字. 我主要是用来优化Android上多线程断点下载的写文件效率 RandomAccessFile是操作硬盘的,比操作内存的数据慢了几百万倍, 所有有人做出优化,我特上传...
Fireball 1k 是为 minigame compo 2008 创建的游戏,它获得第 5 名。