php与ajax交互实现/书写jQuery插件实现瀑布流布局
项目步骤:
利用php和ajax配合使用获取后台数据 将后台数据利用前端自定义模板的形式呈现前端页面 利用jQuery书写瀑布流插件瀑布流核心思想:
容器和里面的子元素定宽,从而计算出每一行的元素个数,为了美观起见,我们在元素之间留有间距,则间距个数为元素个数-1 根据容器宽度和总元素宽度以及间距个数,可以计算出每一个间距的大小 创建一个数组,并初始化,初始化的值为上一步求出的margin值 循环数组,求出数组的最小值和最小索引值,将从后台获取的元素放置数组中最小值的位置上(则该元素的top值为数组中的最小值,left值为最小值的索引值乘以(元素宽度+外边距)) 修改数组中放置元素位置的值,该位置的值加上放置元素的高度和外边距 修改容器的高度 循环以上整个过程
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。