php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类...
来源:百度文库 编辑:神马文学网 时间:2024/04/20 05:19:33
php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类 + 无刷新分页
现在jquery的应用越来越广泛了,在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。
我也自己尝试写了一个,效果图如下(样式可以按用户需求自己去整):
接下来详细介绍实现过程:
我一向是见招拆招的解决思路,这里需要运用到3个东西——标签页效果插件和分页插件,jquery的getJson请求。
因此我使用了jquery-ui插件,jquery-page插件,现提供下载地址:
里面包含了3个JS脚本文件和2个样式表:
jquery-1.3.2.min.js
jquery.pager.js
jquery-ui-1.7.2.custom.min.js
jquery-ui-1.7.2.custom.css
page.css
html页面代码如下:
代码
页面对ajax4.php,ajax5.php,ajax6.php三个页面进行了getJson请求,
这3个页面代码都差不多,无非是年份的分类而已,我这里没做代码优化了,
实际完全可以放在同一个页面里处理完,请求地址里附带个参数就行了。
ajax.php代码如下:
header("content-type:text/html;charset:utf-8");
$db = @ mysql_connect("服务器主机地址","数据库帐号","数据库密码");
mysql_select_db("数据库名");
$rs=mysql_query("set names utf8");
//如果传递了pager参数
if(isset($_GET['pager']) && isset($_GET['count']))
{
echo GetPager($_GET['count'],$_GET['pager']);
}
else
{
echo "没有传入参数!";
}
function GetPager($count,$pager)
{
$begin = 开始时间;
$end = 结束时间;
$rs=mysql_query("SELECT * FROM 数据表 WHERE (pubdate BETWEEN $begin AND $end) ORDER BY pubdate DESC limit ".($pager-1)*$count.",".$count);
while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
}
$html_string="
".$v['title']." | ".$v["pubdate"]." |
//这个是新闻读取的数量,不建议读取太多
$num=40;
//新闻的总页数取整
$num_string=ceil($num/$count);
//这里用键值对的方式 返回JSON格式的数据,0为新闻总页数,1为拼接的HTML新闻页面
$arr=array("0"=>$num_string, "1"=>$html_string);
$jarr=json_encode($arr);
echo $jarr;
}
?>
php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类...
web开发一定要用到的jQuery插件
jQuery formValidator表单验证插件
Lazy Load, 延迟加载图片的 jQuery 插件
强烈推荐:240多个jQuery插件
Web开发者必知的12款jQuery插件 - CSDN.NET - CSDN软件研发频道
jQuery插件开发 - 其实很简单 - Jericho - 博客园
jquery
jQuery Tools——不可错过的jQuery UI库(二)2
Jquery的get方式实现AJAX
jQuery选择器的基本常识
VC++内部COM插件的编程实现
两个展示插件的插件 ? Wordpress插件
VC++实现插件编程
jquery radio value 。 jquery中选择radio的值
Jquery的跨域调用
jQuery选择器
Jquery实例
Jquery基础
基于struts2+spring+hibernate+jquery的jmesa分页实现样例(转)
Jquery实现拖拽层,并实现网站自定义化模块功能
用C 实现插件体系结构|C ,插件,体系结构,编程
jQuery实现网站、WordPress右上角翻页效果 - 流年观影
春风得意的 jQuery - 基于 COMSHARP CMS