首頁  >  文章  >  後端開發  >  PHP+Jquery與ajax結合實現下拉淡出瀑布流效果【無需插件】

PHP+Jquery與ajax結合實現下拉淡出瀑布流效果【無需插件】

高洛峰
高洛峰原創
2017-01-03 09:58:07930瀏覽

導讀:

瀑布流,又稱為瀑布流式佈局。是比較流行的一種網站頁面佈局,視覺表現為參差不齊的多欄佈局,隨著頁面滾動條向下滾動,這種佈局還會不斷加載資料塊並附加至當前尾部。最早採用此佈局的網站是Pinterest,逐漸在國內流行開來。國內大多數清新站基本上為這類風格,像花瓣網、蘑菇街、美麗說等。

不廢話,直接上程式碼,整段程式碼分為前後兩段程式碼,具體程式碼如下圖所示。

前台

$category=$this->getMyVal('category',$_GET);
$xiaohuaList=Xiaohua::model()->getXiaohao($category); //打开页面默认显示的数据
?>

id;?>
title);?>
content;?>
分享

   

後台

public function actionListXiaohua() {
$xiaohuaList=Xiaohua::model()->getXiaohua();//获取笑话信息
echo CJSON::encode($xiaohuaList);
}

   

的PHP+Jquery與ajax結合實現下拉淡出瀑布串流效果【無需外掛】的相關介紹,希望對大家有幫助,如果大家在使用過程中有任何疑問,請給我留言,小編會及時回覆大家的。同時也非常感謝大家對PHP中文網的支持!

更多PHP+Jquery與ajax結合實現下拉淡出瀑布流效果【無需插件】相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn