一个网页实现分页

JavaScript07

一个网页实现分页,第1张

不清楚你的网站是用什么实现的,现在提供两种方法:一、动态网页:这里有一段PHP代码,供参考,我这边运行成功:1.显示内容部分<?php$page=$_GET["page"]if($page==""){$page=1}if(is_numeric($page)){$page_size=30$query="select count(*) as total from solution order by id desc"$result = mysql_db_query($dbn, $query)$message_count=mysql_result($result,0,"total")$page_count=ceil($message_count/$page_size)$offset=($page-1)*$page_size$sql=mysql_db_query($dbn,"select * from solution order by id desc limit $offset,$page_size")$row=mysql_fetch_object($sql)if(!$row){echo("No data!")}?><?phpdo{?></p>+ pageurl?>.html" title="pagetitle?>">pagetitle?><?php}while($row=mysql_fetch_object($sql))?><?php}?>2.分页部分<?phpif($page!=1){echo "First"echo "Previous "}if($page<$page_count){echo "Next"echo "End"}?> Current Page: / <?phpmysql_free_result($sql)?>二、静态网页用js:用JavaScript伪分页

1、第"1"页是home的作用,始终有第"1"页,中间用"…"表示未显示的页码

2、只提供"首页1+5个连续页码+最后一页"页码开发者应该是考虑一般用户最多连续查看5页的内容。或者就直接跳至最后一页查看所以显示最后一页页码和直接跳至最后一页的快捷按钮

3、搜索结果首次只提供10个页码一般用户在这10页内还没找到想要的内容应该会更换搜索内容。脚印图形和下面页码对应都可点击翻页,增加了页面趣味性

4、因为搜索页面用户一般不会回到首页所以页面只有上一页和下一页的快捷按钮

5、点击任何一页码继续浏览,发现后续提供的页码是:当前页+9便于用户扩大搜索范围放大。

6、花瓣"无限滚动翻页",当用户浏览到页面底部,自动刷新页面展示新的信息连续翻过很多页后,当再无内容可以展示时,自动出现关联信息按钮"查看更多信息",引导用户去浏览其他相关信息页面过长时提供"回到顶部"按钮。