最近聽朋友們說起瀑布流挺多的,自己就去研究下了,乙個簡單的原生demo,分享給大家...
簡單分為三個文件,有詳細的注釋:img;ajax.php;demo.php
其中img資料夾中放入 1.jpg;2.jpg;3.jpg....
ajax.php頁面
<?php //模擬從資料庫讀取資料
$arr = array();
$op = opendir('./img'); //開啟目錄
//迴圈讀取目錄
while (($file = readdir($op)) !== false)
$arr = $file;
} closedir($op); //關閉目錄
echo json_encode($arr);
demo.html頁面
瀑布流本文標題: 原生ajax瀑布流demo分享(必看篇)
本文位址:
原生ajax瀑布流demo
最近聽朋友們說起瀑布流挺多的,自己就去研究下了,乙個簡單的原生demo,分享給大家.簡單分為三個文件,有詳細的注釋 img ajax.php demo.php 其中img資料夾中放入 1.jpg 2.jpg 3.jpg.ajax.php頁面 模擬從資料庫讀取資料 arr array op opend...
原生ajax分享
最近被大佬問了乙個很有趣的問題,你還能手打出乙個ajax嗎?我當時的想法是有現成的為什麼要自己打,後來我反思了一下 只有靠自己才是強者 在這裡給大家分享乙個我自己打的ajax,也是自己的乙個知識點的記錄。後台互動ajax方法 引數1 集合 代表和後台互動的所有資料 function ajax obj...
ajax瀑布流例項
瀑布流 效果分為兩類 接下來我們主要針對第一種固定列數的情況進行詳細的說明 接下來我主要介紹的是第一種方式 原理 通過ajax從後台獲取資料,然後利用dom操作新增到頁面中。並且每次新增的時候將新增到li高度最小的上面,當滾動條滾動的距離與頁面可視區距離之和大於li高度最小的高度與其頂部到body頂...