求大神看看怎样才能翻页啊每页2个分3页啊

情诗未必惆怅 2015-09-15 03:04:56

<!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>jquery手机网站数据列表分页样式代码 - 素材目录99447com</title>
<style type="text/css">

//分页的显示与隐藏
$("#xifenye").click(function(a){
$("#uljia").empty();
$("#xab").toggle();
//显示出的一共多少页
var uljia=$("#uljia");
var page=parseInt($("#xiye").html());//获取当前的页数
var pages=parseInt($("#mo").html());//获取当前的总页数
for(var i=1;i<=pages;i++)
{
var H="<li onclick='fl("+i+","+pages+")'>"+i+"</li>";//添加一共多少页和点击事件

uljia.append(H);
}
scrolltop(page);
})
//点击分页显示的方法
function fl(p1,p2){
//var p=p1;
$("#xiye").empty();
$("#xiye").html(p1);//给显示的页数赋值

}
//分页的的上一页和下一页
function topclick(){
var v=document.getElementById("xiye");
var num=v.innerHTML;
if(num>1)
{
num--;
v.innerHTML=num;
var hei=25*num-25;
$("#xab").scrollTop(hei);
}

}
function downclick(){
var pages=parseInt($("#mo").html());//获取当前的总页数
var v=$("#xiye");
var num=parseInt(v.html());
if(num < pages){
num = ++num;
v.html(num);
scrolltop(num);
}
}
//分页的的首页和未页
$("#first").bind("click",function(){
var v=document.getElementById("xiye");
v.innerHTML=1;
scrolltop(v.innerHTML);
})
$("#last").bind("click",function(){
var v=document.getElementById("xiye");
var l=document.getElementById("mo");
v.innerHTML=l.innerHTML;
scrolltop(v.innerHTML);
})
//滚动条
function scrolltop(top){
var hei=25*top-25;
$("#xab").scrollTop(hei);
}
</style>
</head>
<body>
<div id="conten">
<div class="mingyi">
<img class="img" src="images/llk.png" />
<p style="color:#0033FF; font-size:13px; font-weight:bold; margin-left:152px; margin-top:-144px;">廖乐宽奥林院长/主任医师</p>
<div style="margin-left:150px;border:1px solid #FF0000;">擅长痔、瘘、脱肛、肛肠肿瘤、内外痔、混合痔、复杂性肛瘘、多间隙肛周脓肿等肛肠疾病的治疗，具有高深造诣。</div>
<a><img src="images/zx.jpg" style="margin-left: 153px;margin-top: 9px;" /></a>
<a><img src="images/yy.jpg" style="margin-left: 230px;margin-top: -21px;" /></a>
</div>
<hr style="border-top:1px solid #CCCCCC; margin-top:30px;" />

<div class="mingyi">
<img class="img" src="images/lch.png" />
<p style="color:#0033FF; font-size:13px; font-weight:bold; margin-left:152px; margin-top:-144px;">李春洪肛肠科主任</p>
<div style="margin-left:150px;border:1px solid #FF0000;">精通运用PPH、COOK、HCPT、DG-HAL等先进微创技术治疗痔疮、肛瘘、肛裂、肛周脓肿等病症。</div>
<a><img src="images/zx.jpg" style="margin-left: 153px;margin-top: 9px;" /></a>
<a><img src="images/yy.jpg" style="margin-left: 230px;margin-top: -21px;" /></a>
</div>
<hr style="border-top:1px solid #CCCCCC; margin-top:30px;" />

<div class="mingyi">
<img class="img" src="images/wsb.png" />
<p style="color:#0033FF; font-size:13px; font-weight:bold; margin-left:152px; margin-top:-144px;">吴仕碧胃肠主任医师/女子诊疗中心主任</p>
<div style="margin-left:150px;border:1px solid #FF0000;">对胃肠消化内科、胃炎、慢性胃炎、胃溃疡、胃炎有独到的诊疗技术。</div>
<a><img src="images/zx.jpg" style="margin-left: 153px;margin-top: 9px;" /></a>
<a><img src="images/yy.jpg" style="margin-left: 230px;margin-top: -21px;" /></a>
</div>
<hr style="border-top:1px solid #CCCCCC; margin-top:30px;" />

<div class="mingyi">
<img class="img" src="images/yf.png" />
<p style="color:#0033FF; font-size:13px; font-weight:bold; margin-left:152px; margin-top:-144px;">杨繁肛肠科主治医师</p>
<div style="margin-left:150px;border:1px solid #FF0000;">擅长重度痔疮、高位复杂性肛瘘、顽固性肛裂、肛周湿疣、马蹄形脓肿、直肠脱垂等肛肠疾病，临床经验丰富。</div>
<a><img src="images/zx.jpg" style="margin-left: 153px;margin-top: 9px;" /></a>
<a><img src="images/yy.jpg" style="margin-left: 230px;margin-top: -21px;" /></a>
</div>
<hr style="border-top:1px solid #CCCCCC; margin-top:30px;" />

<div class="mingyi">
<img class="img" src="images/yn.png" />
<p style="color:#0033FF; font-size:13px; font-weight:bold; margin-left:152px; margin-top:-144px;">叶宁肛肠科主任</p>
<div style="margin-left:150px;border:1px solid #FF0000;">擅长诊治重度痔疮、浓性肛瘘、直肠黏膜脱垂、息肉、肛裂等，手法独特。</div>
<a><img src="images/zx.jpg" style="margin-left: 153px;margin-top: 9px;" /></a>
<a><img src="images/yy.jpg" style="margin-left: 230px;margin-top: -21px;" /></a>
</div>
<hr style="border-top:1px solid #CCCCCC; margin-top:30px;" />
<div class="wrap" >
<div class="fenye">
<ul>
<li id="first">首页</li>
<li id="top" onclick="topclick()">上一页</li>
<li class="xifenye" id="xifenye">
<a id="xiye">1</a>/<a id="mo">3</a>
<div class="xab" id="xab" style="display:none">
<ul id="uljia">

</ul>
</div>
</li>
<li id="down" onclick="downclick()">下一页</a></li>
<li id="last">末页</li>
</ul>

</div>
</div>
</div>

</body>
</html>

弄了好半天求解决

...全文

109 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

娃都会打酱油了 2015-09-15

打赏
举报

按mingyi假分页吗？

$('div.mingyi').hide().filter(':gt(0):lt(2)').show()

街头小贩 2015-09-15

打赏
举报

全部数据都在一页内显示么？没看到加载数据的请求

数据库内共有1287条记录，设置每页显示1000条，每行显示9条。但结果一页里就把所有记录1～1287都显示了，第二页也是1～1287.分页数是正确的2页，哪里出了问题请各位帮忙看下代码，十分感谢！代码如下：= $page_count) $page = $page_count; $select_limit = $page_size; $select_from = ($page - 1) * $pa...

一、前言在Qt与数据库结合编程的过程中，记录一多，基本上都需要用到翻页查看记录，翻页有个好处就是可以减轻显示数据的表格的压力，不需要一次性将数据库表的记录全部显示，也基本上没有谁在一页上需要一次性显示所有记录，搜索引擎搜索出来的结果也基本上都是翻页显示的，那么问题来了，有没有一种通用的办法可以只需要传入表名和查询条件自动翻页呢，答案是肯定的，Qt对数据库操作的封装也是相当完美的，显示也是如此，为此特意封装成了一个类，直接用就行。主要功能：自动按照设定的每页多少行数据分页只需要传入表名/字段集合/每

自答一波：经过了三天的摸索，终于找到了一些眉目，把这几天看来的各家情况和最后尝试出来的方法都放在这里，一方面作为这个问题的一个小结，一方面万一有后来的python小白，如我一样，也算是有个帮助吧。1. 问题归纳搜索答案的过程中发现，关于爬虫中网页翻页的问题还是挺多的，各家由于网站数据规范性不一，遇到的问题也略有出入，主要有两大类，还有我遇到的这第三类：一是，网页静态加载，现象是每次翻页都提供一个新...

问题描述当前页面如下然后点击页码跳到第3页，然后在第三页点击页面链接跳转到新的页面然后在新页面点击返回按钮，返回到当前页，结果页面分页显示第一页，对应页面内容也是第一页期望效果从新页面路能需还定有开都视这讲房哦搞有名需移洁页返回的时候，页码和页面内容仍旧保持在跳转离开前的样子朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上。解决办法利用loc需定跳作合色同近求了转经生简的近求了转经a...

--翻页滚动效果local function fnScrollViewScrolling( sender,eventType)-- bodyif eventType == 10 thenlocal bposX = sender:getPercentage()*100_bPosX = bposXendif not _bPosX thenreturnendprint("-------bposX=",_...

JavaScript

87,968

社区成员

224,680

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

求大神看看 怎样才能翻页啊 每页2个 分3页啊

求大神看看怎样才能翻页啊每页2个分3页啊