jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。
服务器端编程语言(专业超文本预处理器的缩写)读取第一页数据:
div id='pagetxt '?php $query=mysql_query('从文章顺序中选择身份证、标题、添加时间按身份证desc限制0,6 ');while($ row=MySQL _ fetch _ array($ query)){ $ pub date=date(' Y-m-d ',$ row[' add time ']);回声pspan .$出版日期./spana href='//www.jb51.net/js/' .$row['id']' .html' target='_blank ' ' .$row['title']./a/p ';} MySQL _ close();/divjQuery
$('#demo3 ').分页({ count:php echo $ page? //总记录数start: 1,//开始显示的页数display: 5,//分页条显示的页数border: true,//是否显示页码的边框border_color: '#BEF8B8 ',//设置边框的颜色text_color: '#79B5E3 ',//设置页码的颜色background_color: '#E3F2E1 ',//设置页码的背景色border _ hover _ color : ' # 68ba 64 ',//设置鼠标滑向页码时页码边框的颜色text_hover_color: '#2573AF ',//设置鼠标滑向页码时页码的颜色background _ hover _ color : ' # CAE6C 6 ',//设置鼠标滑向页码时页码背景的颜色images: false,//是否显示页码导航箭头鼠标: '按下',//设置为媒体时,当鼠标滑向导航箭头时,页码随之滚动;设置为幻灯片时,鼠标单击一次导航箭头页码滚动一次onChange:函数(页面){ //当单击页码时,回调函数$('#pagetxt ').load('article.php?p=' page);} });article.php$p=isset($_GET['p'])?int val($ _ GET[' p ']): " ";$result=mysql_query('从文章中选择id ');$ total=MySQL _ num _ rows($ result);$ page size=6;//每页显示数$ page=ceil($ total/$ page size);//总页数if($ p){ $起始页=($ p-1)* $页面大小;$query=mysql_query('按编号从文章顺序中选择身份证、标题添加时间desc限制$startPage,$ page size’);while($ row=MySQL _ fetch _ array($ query)){ $ pub date=date(' Y-m-d ',$ row[' add time ']);回声pspan .$出版日期./spana href='//www.jb51.net/js/' .$row['id']' .html' target='_blank ' ' .$row['title']./a/p ';} }以上所述就是本文的全部内容了,希望大家能够喜欢。