jquery分页

1.数据库设计 字段：Id(int) , Msg(varchar(MAX)) , PostDate(datetime) 2.自定义SQL查询方法(强类型DataSet) //SelectCount()方法,用于查询总条数 select count(*) from T_Posts //GetPageData(startRowIndex,endRowIndex)方法,用于查询指定范围,分页功能, 由于不支持over语句,因此需手动增加参数,方法-右键-属性,里面的 Parameters 增加startRowIndex 和 endRowIndex,类型为 Int32 select * from ( select Id, Msg,PostDate,Row_Number()over(order by PostDate)rownum from T_Posts )t where t.rownum>=@startRowIndex and t.rownum<=@endRowIndex 3.HTML设置 <ul id="ulComment"></ul> <table> <tr id="trPage"></tr> </table> 4.处理页设置 WSXFY.ashx public void ProcessRequest(HttpContext context) { context.Response

1.数据库设计 字段：Id(int) , Msg(varchar(MAX)) , PostDate(datetime) 2.自定义SQL查询方法(强类型DataSet) //SelectCount()方法,用于查询总条数 select count(*) from T_Posts //GetPageData(startRowIndex,endRowIndex)方法,用于查询指定范围,分页功能, 由于不支持over语句,因此需手动增加参数,方法-右键-属性,里面的 Parameters 增加startRowIndex 和 endRowIndex,类型为 Int32 select * from ( select Id, Msg,PostDate,Row_Number()over(order by PostDate)rownum from T_Posts )t where t.rownum>=@startRowIndex and t.rownum<=@endRowIndex 3.HTML设置 <ul id="ulComment"></ul> <table> <tr id="trPage"></tr> </table> 4.处理页设置 WSXFY.ashx public void ProcessRequest(HttpContext context) { context.Response

前言：这个是很久很久自己写的一个 Js 分页条，今天无意中看 自己写的JS类库中 ，发现这个文件，看了下，感觉这个可能以后还用的到他。 所以，先保存起来再说，怕以后都找不到你了。简单的逻辑，简单的实现，不简单的应用。 想想自己很久很久以前，想写个分页，到处网上找第三方控件，还要总是百度，谷歌查怎么用，现在想想，真是天真。 后来，就想自己写个分页条，那时候是写ASPX页面，当时都不太了解ASP.NET运行原理等等的，当时还天真的用了VIEWSTATE来保存数据， 更天真的是，我既然写个不同的页码条数不会写，而是写死，膜拜别人网站各种分页条，天啊！现在想想想死的心都有。 我现在只能感慨一句，什么分页，都是浮云！ 好了，回顾了这么久我青涩的过去，该是时候上代码了。 Pagination.Js: View Code /*Author:Kuse WuDate:2011-09-04 16:00:00Modified:2011-9-5 09:00:00Tips:说明文档：创建pagination对象参数说明。(json格式)totalCount:总记录数，必填。leftInterval: 当前页码左边相隔页码数。 默认值为：2rightInterval: 当前页码右边相隔页码数。 默认值为：3className:样式类名。默认为:yahoo2 子类命名规则: current prev next

　　虽然自己也写过插件，但JQuery插件种类的繁多，大多时候，我还是使用别人写好的插件，这些都是我用了同类插件里较为不错的一些，今天就整理一下公开放出来。 　　 UI： 　　 jquery.HooRay （哈哈，自己写的插件是必须有的） 　　 jquery UI （官方的UI插件，功能很多，但我只用少数几个） 　　 jQuery EasyUI 　　 jQuery LigerUI 　　 对话框： 　　 artDialog （很欣赏这个插件，又强大又美观） 　　 AsyncBox （制作者 小吴同学 也是博客园的人呢） 　　 jBox （继续国人的插件，就是皮肤稍微做的弱了点，功能上一点不输前两者） 　　 lhgDialog （作者似乎和我同龄，挺不错的） 　　 表单验证： 　　 jquery-validate （这个就不用介绍了吧） 　　 jQuery formValidator （作者也是园子里的人哦） 　　 放大镜： 　　 cloud zoom （这个效果炫） 　　 图片查看： 　　 jquery.fancybox （网站打开有点慢） 　　 树状结构： 　　 JQuery zTree （最近刚发现的，还是国人做的，看了demo演示，很强大，不过还没正式使用过） 　　 JQuery Treeview （之前一直在用的，是老外的） 　　 焦点图： 　　 myFocus

　　这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript 框架，它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助，能够帮助你节省时间和精力。 Smooth Div Scroll 效果非常平滑的鼠标悬浮图片切换效果，提供了非常详细的使用帮助文档和示例。 Elastic Image Slideshow 最后这款也是带缩略图功能 jQuery 幻灯片插件，效果很炫。 jQuery Easy Slides 这是一个非常易用的幻灯片插件，同样非常轻量，与JavaScript和CSS加起来才2.1KB。 Flickr Photobar Gallery Responsive Gallery Plugin 这是一款带缩略图功能的幻灯片插件，能够根据父容器的尺寸自适应大小，效果不错。 Supersized TN3 Gallery 这款 jQuery 图片切换插件是这里面功能最丰富的，支持不同的布局方式以及切换效果。 Easy Slider 您可能感兴趣的相关文章 60款非常酷的 jQuery 幻灯片演示和下载 15个款优秀的 jQuery 图片特效插件推荐 几款优秀的 jQuery Ajax 分页插件和教程 Web开发者必备的20款超赞 jQuery 插件 分享23款美轮美奂的 jQuery 图片特效插件

转自： http://www.cnblogs.com/lhb25/p/must-see-examples-of-jquery-tutorials.html 　　jQuery 把惊喜延续到设计领域，处处带来极大的灵活性，创造了许多体验良好的设计，而且拥有不错的性能。这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例，帮助你更好的掌握 jQuery 在网站实际效果实现中的应用，千万不要错过。 您可能感兴趣的相关文章 So Easy！让开发人员更轻松的工具和资源 12款经典的白富美型 jQuery 图片轮播插件 几款优秀的 jQuery Ajax 分页插件和教程 推荐几款极好的 JavaScript 下拉列表插件 10大流行 Metro UI Bootstrap 主题和模板 Timeline Portfolio 超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的个人简历。 源码下载 在线演示 Swatch Book with CSS3 and jQuery 基于 CSS3 & jQuery 实现的多彩的动画 Swatch Book 效果。 源码下载 在线演示 Making an Interactive Picture with jQuery 基于 jQuery 实现交互的图片效果，可以弹出层提示内容。对于介绍图片的某个部分很有用。 源码下载

这个插件包含三个部分：HTML结构、CSS代码和JS代码。 HTML结构是固定的，结构如下： 1 <!--全屏滚动--> 2 <div class="fullpage-container"> 3 <div class="fullpage-pagebox"> 4 <div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5 <div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6 <div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7 <div id="fullpage-page4" class="fullpage-page-vertical"><h1>4</h1></div> 8 <div id="fullpage-page5" class="fullpage-page-vertical"><h1>5</h1></div> 9 <div id="fullpage-page6" class="fullpage-page-vertical"><h1>6</h1></div> 10 </div> 11 </div>

在这篇文章中，我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件，这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高，如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插件。 1.Client-side jQuery pagination plugin : jPages jPages 是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等。 浏览详情 在线演示 2. jPaginate: A Fancy jQuery Pagination Plugin jPaginate 是一款非常精致的分页插件，提供了五种形式的DEMO，支持鼠标悬停翻页功能。 浏览详情 在线演示 3. SimplePager – jQuery paging plugin SimplePager 是非常简洁的 jQuery 分页插件，用最少的参数配置实现满足需要的分页功能。 浏览详情 在线演示 4. jQuery ScrollPagination jQuery 滚动翻页插件 由 Anderson Ferminiano 开发，可以在项目中免费使用。 浏览详情 在线演示 5. jqPagination A jQuery pagination plugin

demo.php文件 <?php header("Content-type: text/html;charset=gbk");//输出编码,避免中文乱码 ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd "> <html> <head> <title>ajax分页演示</title> <script language="JavaScript" src="ajaxpg.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> <body> <div id="result" style="border-style:dotted; border-color:#F00;"> <?php $page=isset($_GET['page'])?intval($_GET['page']):1; //这句就是获取page=18中的page的值，假如不存在page，那么页数就是1。 $num=10; //每页显示10条数据 $db=mysql_connect(

jquery + ajax + bootstrp的插件 1、js 代码 /*author:gj *调用方式：$(分页父元素id).paging(请求地址，请求数据，列表展示函数给插件调用) *$("#pagebox").paging("www.aijia.com",{},pageList); */ $.extend($.fn, { paging: function (action, postData, pageList, pageindex) {//（请求地址，请求参数，列表展示函数） var that = $(this); var output = {}; var pageCount = 10; //总页数 var pageIndex = 1;//当前页 var pageTotal = 100;//总条数 var pageperCount = 10;//每页多少条 pageperCount = postData.pageSize; //绑定插件初始加载第一页 pageIndex = pageindex; paginbyIndex(pageIndex); //分页获取数据的方法 function getData(index) { postData = $.extend(postData, { pageIndex: pageIndex }) $.ajax({ type: "post"