实时动态

이 예에서는 뉴스 데이터 목록이 테이블에 표시되지 않습니다. 아래 첨부된 내용은 jquery 플러그인을 사용하는 모든 소스코드입니다.

코드 복사 코드는 다음과 같습니다. Demo

body { width: 100%; height: 100%; margin: 0 auto; padding: 0; background-color: #FFF; }

#hen { background-color: #000; height: 50px; margin: 0px; padding: 12px 20px 2px 20px; border: #CCC double 1px; }

.page { width: 1024px; margin: 20px auto; padding: 0; }

#fm { margin: 0; padding: 10px 30px; }

.ftitle { font-size: 14px; font-weight: bold; color: #666; padding: 5px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

.fitem { margin-bottom: 5px; }

.fitem label { display: inline-block; width: 80px; }

A { text-decoration: none; }

A:link { text－decoration: none; color: #000; }

A:visited { color: #000; text－decoration: none }

A:active { color: #000;; text－decoration: none }

A:hover { text－decoration: none; color: red; }

.d_over { background-color: #EFEFEF; }

.d_out { background-color: #FFFFFF; }

$(function(){//页面加载时，进行绑定

bind(0); });

//点击分页时调用的函数，page_id为当前页的索引 function pageselectCallback(page_id, jq) { bind(page_id); }

});

if(total!=0){ //调用分页函数，将分页插件绑定到id为Pagination的div上 $("#Pagination").pagination(total, { //recordCount在后台定义的一个公有变量，通过从数据库查询记录进行赋值，返回记录的总数 callback: pageselectCallback, //点击分页时，调用的回调函数 prev_text: '« 上一页', //显示上一页按钮的文本 next_text: '下一页 »', //显示下一页按钮的文本 items_per_page:10, //每页显示的项数 num_display_entries:6, //分页插件中间显示的按钮数目 current_page:pageIndex, //当前页索引 num_edge_entries:2 //分页插件左右两边显示的按钮数目