日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

值得一提的是，樣式single_item，get_more是和jquery.more.js插件關(guān)聯(lián)的，你也可以取另外的class名字，但是在配置的時(shí)候一定要將對(duì)應(yīng)的class寫上。

CSS

 
 
 

  
  
  
#more{margin:10px auto;width: 560px;  border: 1px solid #999;}                  
  
  
  
.single_item{padding: 20px; border-bottom: 1px dotted #d3d3d3;}   
  
  
  
.author{position: absolute; left: 0px; font-weight:bold; color:#39f}   
  
  
  
.date{position: absolute; right: 0px; color:#999}   
  
  
  
.content{line-height:20px; word-break: break-all;}   
  
  
  
.element_head{width: 100%; position: relative; height: 20px;}   
  
  
  
.get_more{margin:10px; text-align:center}   
  
  
  
.more_loader_spinner{width:20px; height:20px; margin:10px auto; background: url(loader.gif)   
  
  
  
 no-repeat;}  
 
 
 

以上CSS是本例中定制的，當(dāng)然，大家可以在實(shí)際項(xiàng)目中定制不同的樣式。注意，more_loader_spinner是定義加載動(dòng)畫圖片的。

jQuery

 
 
 

  
  
  
$(function(){   
  
  
  
    $('#more').more({'address': 'data.php'})   
  
  
  
});  
 
 
 

使用很簡(jiǎn)單，配置了后臺(tái)地址：data.php，來看data.php是怎么處理數(shù)據(jù)的。

PHPdata.php鏈接數(shù)據(jù)庫(kù)，本例使用本站文章PHP+Mysql+jQuery實(shí)現(xiàn)發(fā)布微博程序--PHP篇相同的數(shù)據(jù)表。

 
 
 

  
  
  
require_once('connect.php');   
  
  
  
   
  
  
  
$last = $_POST['last'];   
  
  
  
$amount = $_POST['amount'];   
  
  
  
   
  
  
  
$user = array('demo1','demo2','demo3','demo3','demo4');   
  
  
  
$query=mysql_query("select * from say order by id desc limit $last,$amount");   
  
  
  
while ($row=mysql_fetch_array($query)) {   
  
  
  
    $sayList[] = array(   
  
  
  
        'content'=>$row['content'],   
  
  
  
        'author'=>$user[$row['userid']],   
  
  
  
        'date'=>date('m-d H:i',$row['addtime'])   
  
  
  
      );   
  
  
  
}   
  
  
  
echo json_encode($sayList);  
 
 
 

data.php接收前臺(tái)頁(yè)面提交過來的兩個(gè)參數(shù)，$_POST['last']即開始記錄數(shù)，$_POST['amount']即單次顯示記錄數(shù)，看SQL語(yǔ)句就明白，其實(shí)就是分頁(yè)中用到的語(yǔ)句。

然后將查詢的結(jié)果以JSON格式輸出，PHP的任務(wù)就完成了。

***來看下jquery.more.js的參數(shù)配置。

 
 
 

  
  
  
'amount'      :   '10',           //每次顯示記錄數(shù)   
  
  
  
'address'     :   'comments.php', //請(qǐng)求后臺(tái)的地址   
  
  
  
'format'      :   'json',         //數(shù)據(jù)傳輸格式   
  
  
  
'template'    :   '.single_item', //html記錄DIV的class屬性   
  
  
  
'trigger'     :   '.get_more',    //觸發(fā)加載更多記錄的class屬性   
  
  
  
'scroll'      :   'false',        //是否支持滾動(dòng)觸發(fā)加載   
  
  
  
'offset'      :   '100',          //滾動(dòng)觸發(fā)加載時(shí)的偏移量  
 
 
 

源文件下載

原文鏈接：http://www.helloweba.com/view-blog-130.html