thinkPHP實現瀑布流的方法

2022-07-15 11:54:07 字數 726 閱讀 7373

文章tag:thinkphp

瀑布流過期已備案網域名稱,註冊就能用!織夢精美仿站,火熱預定中!

這篇文章主要介紹了thinkphp實現瀑布流的方法,例項講述了瀑布流外掛程式的應用以及對應的html與action**,是非常實用的技巧,需要的朋友可以參考下

流程:

1. 頁面初始化時,呼叫外掛程式進行一次排版;

2. 當使用者將滾動條拖到底部時,用ajax載入一次資料,並排版顯示

3. 重複2,直到無資料

html**:

複製****如下:

瀑布流下來了

載入中,請稍後...

我是頁尾

action**:

複製****如下:

//初始化的資料  

public function lists()  

//獲取一次請求的資料  

public function getmore()

注意:通過判斷視窗是否滾動到頁面底部來決定用ajax載入一次資料,如果不做處理,會一下子請求很多次,所以,要使用條件來限制.

這裡使用的是往乙個元素上賦值 $("#loading").data("on", true);,在請求期間判斷是true則不繼續請求,然後在頁面請求完成後再賦值為false.

thinkphp官網瀑布流實現分享

很多人都想做瀑布流的效果,這裡告訴大家官網使用的方法。裡面包含的很多示例,但是都是英文的。我給大家寫個小例子吧1,頁面初始化時,呼叫外掛程式進行一次排版 2,當使用者將滾動條拖到底部時,用ajax載入一次資料,並排版顯示 3,重複2,直到無資料 瀑布流下來了 載入中,請稍後.我是頁尾 class u...

瀑布流實現

html 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 瀑布流效果 js 一定要用window.onload不能用 function var data window.onload function pbl pbl function pbl...

JS實現的瀑布流

js實現的瀑布流 首先用html和css實現瀑布流的布局 如下圖,為了讓js可以獲得盒子offsetleft等最好讓盒子使用padding分開之間的距離,首先外面得有兩層盒子,內層用來設定大盒子與之間的距離 給pic設定padding 外層用來設定每個大盒子之間的距離 給box設定padding l...