jquery+php+mysql 无刷新分页翻页
freejs发布了很多类似的代码,都各有不同,具体可以到http://freejs.net/fenye.html查看
XML/HTML Code
- <div align="center">
- <div id="container">
- <div class="search-background">
- <label><img src="loader.gif" alt="" /></label>
- </div>
- <div id="content">
- </div>
- </div>
- <div id="paging_button" align="center">
- <ul>
- <?php
- //Show page links
- for($i=1; $i<=$pages; $i++)
- {
- echo '<li id="'.$i.'">'.$i.'</li>';
- }?>
- </ul>
- </div>
- </div>
JavaScript Code
- <script type="text/javascript">
- $(document).ready(function(){
- function showLoader(){
- $('.search-background').fadeIn(200);
- }
- function hideLoader(){
- $('.search-background').fadeOut(200);
- };
- $("#paging_button li").click(function(){
- showLoader();
- $("#paging_button li").css({'background-color' : ''});
- $(this).css({'background-color' : '#006699'});
- $("#content").load("data.php?page=" + this.id, hideLoader);
- return false;
- });
- $("#1").css({'background-color' : '#006699'});
- showLoader();
- $("#content").load("data.php?page=1", hideLoader);
- });
- </script>
data.php
PHP Code
- <?php
- require "../../conn.php";
- $per_page = 3;
- $sqlc = "show columns from content";
- $rsdc = mysql_query($sqlc);
- $cols = mysql_num_rows($rsdc);
- $page = $_REQUEST['page'];
- $start = ($page-1)*3;
- $sql = "select * from content order by id limit $start,3";
- $rsd = mysql_query($sql);
- ?>
- <?php
- while ($rows = mysql_fetch_assoc($rsd))
- {?>
- <div class="shopp">
- <div class="label"><?php echo substr($rows['message'],0,150);?></div>
- </div>
- <?php
- }?>
- <script type="text/javascript">
- $(document).ready(function(){
- var Timer = '';
- var selecter = 0;
- var Main =0;
- bring(selecter);
- });
- function bring ( selecter )
- {
- $('div.shopp:eq(' + selecter + ')').stop().animate({
- opacity : '1.0',
- height: '40px'
- },300,function(){
- if(selecter < 6)
- {
- clearTimeout(Timer);
- }
- });
- selecter++;
- var Func = function(){ bring(selecter); };
- Timer = setTimeout(Func, 20);
- }
- </script>
相关推荐
jQuery+Ajax+PHP无刷新分页
jquery+json的无刷新分页 jquery+json的无刷新分页 jquery+json的无刷新分页 jquery+json的无刷新分页
asp.net中利用Jquery+Ajax+Json实现无刷新分页 ,完整示例,带样式,很有参考价值,利用jquery.pagination.js分页
jquery 分页(无刷新.net)源码 asp.net + jquery + sql server实现的无刷新分页源码下载
通过jquery实现PHP的无刷新分布,代码很完善,功能非常强大。学习分页的朋友可以下载看看,值得收藏!
PHP+jQuery+Ajax无刷新分页加搜索
Jquery+Ajax+Php+Mysql异步刷新 表单验证
【ASP.NET编程知识】asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码.docx
jquery+ajax+php无刷新分页
jquery+json 实现页面无刷新列表 分页
JqueryAjax 无刷新分页 带数据库 直接可运行 pageTest.asp js封装 简化代码
只要把函数放进需要分页的地址配置好参数就可能自动分页。无刷新页面。
基于Jquery+Ajax+Json实现分页显示附效果图
jQuery+Ajax+PHP+mysql实现无刷新注册/登陆(用户名邮箱验证码等)
实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,...
php+jquery+ajax无刷新评论 无刷新翻页,字数统计 绝对可以用
ajax(jquery+json)实现前端无刷新分类管理源码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
汉化了一个国外的开源插件, myPagination+XML+PHP(JSP) 大家看看吧,喜欢的就下载,仅供交流,源代码用的是 LinApex 写的 myPaginationV4.0 他整理的比较乱,我重新完善了一下供大家下载。