jquery 分页显示内容
2009-12-24 09:40
127 查看
function get_data(page)
{
page=page?page:1;
page=parseInt(page);
$.getScript('XXX.php?page='+page+'&varname=news',function(){
var len=data.length;
var con="";
var pagecon="";
for(var i=0;i<len;i++)
{
con+='<li ><a href="cc.php?s=1&id='+data[i].id+'" >'+data[i].title+'</a> ('+data[i].add_time+')';
con+="</li>";
}
//var pagecon='<span>(第'+page+'页/共'+totalpage+'页)</span>';
var pagecon='';
if(page>1)
{
b=parseInt(page)-1;
pagecon+='<span><a href="javascript:get_data(1);" >首页</a></span>';
pagecon+='<span><a href="javascript:get_data('+b+');" ><</a></span>';
}
var ns=parseInt(page)+5;
nn=ns>totalpage?totalpage:ns;
for(var j=page;j<nn;j++)
{
pagecon+='<span><a href="javascript:get_data('+j+');" >'+j+'</a></span>';
}
if(page<totalpage)
{
n=parseInt(page)+1;
pagecon+='<span><a href="javascript:get_data('+n+');" >></a></span>';
}
pagecon+='<span><a href="javascript:get_data('+totalpage+');" >末页</a></span>';
var sel='<select name="cc" id="cc">';
for(var k=1;k<=totalpage;k++)
{
if(k!=page)
sel+='<option value="'+k+'">'+k+'</option>';
else
sel+='<option selected="selected" value="'+k+'">'+k+'</option>';
}
sel+='</select>';
sel+='<img onclick="changepaged();" src="pic" width="59" height="21" style="vertical-align:middle;" />';
pagecon+=sel;
$("#cons").html(con);
$("#pages").html(pagecon);
})
}
有更多内容去 http://www.wemaster.com.cn/blog/ 看看
{
page=page?page:1;
page=parseInt(page);
$.getScript('XXX.php?page='+page+'&varname=news',function(){
var len=data.length;
var con="";
var pagecon="";
for(var i=0;i<len;i++)
{
con+='<li ><a href="cc.php?s=1&id='+data[i].id+'" >'+data[i].title+'</a> ('+data[i].add_time+')';
con+="</li>";
}
//var pagecon='<span>(第'+page+'页/共'+totalpage+'页)</span>';
var pagecon='';
if(page>1)
{
b=parseInt(page)-1;
pagecon+='<span><a href="javascript:get_data(1);" >首页</a></span>';
pagecon+='<span><a href="javascript:get_data('+b+');" ><</a></span>';
}
var ns=parseInt(page)+5;
nn=ns>totalpage?totalpage:ns;
for(var j=page;j<nn;j++)
{
pagecon+='<span><a href="javascript:get_data('+j+');" >'+j+'</a></span>';
}
if(page<totalpage)
{
n=parseInt(page)+1;
pagecon+='<span><a href="javascript:get_data('+n+');" >></a></span>';
}
pagecon+='<span><a href="javascript:get_data('+totalpage+');" >末页</a></span>';
var sel='<select name="cc" id="cc">';
for(var k=1;k<=totalpage;k++)
{
if(k!=page)
sel+='<option value="'+k+'">'+k+'</option>';
else
sel+='<option selected="selected" value="'+k+'">'+k+'</option>';
}
sel+='</select>';
sel+='<img onclick="changepaged();" src="pic" width="59" height="21" style="vertical-align:middle;" />';
pagecon+=sel;
$("#cons").html(con);
$("#pages").html(pagecon);
})
}
有更多内容去 http://www.wemaster.com.cn/blog/ 看看
相关文章推荐
- jquery获取JSON并动态创建标签显示JSON内容
- jQuery点击收缩展开滑动显示内容竖直手风琴代码
- jquery实现单机表题则显示链接内容
- jQuery_review之table根据内容分组进行折叠显示以及,折叠之后高亮显示的实现
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
- DataList嵌套,分页,点击父DataList标题在子DataList显示相关的内容,点击子DataList标题显示主要内容.
- 手动分页方式显示文章具体的内容函数的使用
- Web分页显示内容之分页查询的三种思路(一)
- JQuery应用_通过radio 控制内容的显示
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- jQuery+Ajax+PHP+Mysql实现分页显示数据
- 同一页面tab切换对应显示内容分页实现
- 最简单jquery.ajax+php例子(对话框显示文本框输入内容),以小见大(初学手记)
- jquery将数据以table的形式显示,实现数据统计,分页,以及动态添加,搜索
- PHP实现对mysql数据库内容分页显示
- ASP.NET jQuery 食谱5 (显示CheckBoxList成员选中的内容)
- 文章,记录按内容分页显示,根据文章内容按字数进行分页(转)
- jquery列表页悬浮显示图片 分页显示
- 织梦文章内容页面分页显示数量控制…
- DataList嵌套,分页,点击父DataList标题在子DataList显示相关的内容,点击子DataList标题显示主要内容.