thinkPHP实现瀑布流的方法,thinkphp实现瀑布_PHP教程
程序员文章站
2022-05-10 20:56:50
...
thinkPHP实现瀑布流的方法,thinkphp实现瀑布
本文实例讲述了thinkPHP实现瀑布流的方法。分享给大家供大家参考。具体分析如下:
很多人都想做瀑布流的效果,这里告诉大家官网使用的方法,首先要下载瀑布流的插件jquery.masonry.min.js 地址:http://masonry.desandro.com/index.html里面包含的很多示例.
流程:
1. 页面初始化时,调用插件进行一次排版;
2. 当用户将滚动条拖到底部时,用ajax加载一次数据,并排版显示
3. 重复2,直到无数据
Html代码:
复制代码 代码如下:
瀑布流下来了
加载中,请稍后...
});
var $newElems = $(html).css({ opacity: 0 }).appendTo($container);
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
//一次请求完成,将on设为false,可以进行下一次的请求
loading.data("on", false);
}
loading.fadeOut();
},
"json"
);
}
});
});
推荐阅读
-
thinkPHP实现瀑布流的方法
-
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
-
ionic3实战教程之随机布局瀑布流的实现方法
-
ThinkPHP实现将SESSION存入MYSQL的方法_PHP
-
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法_PHP
-
ThinkPHP实现动态包含文件的方法_php实例
-
thinkPHP3.1验证码的简单实现方法,thinkphp3.1验证码_PHP教程
-
ThinkPHP自定义Redis处理SESSION的实现方法_php实例
-
thinkPHP实现将excel导入到数据库中的方法,thinkphpexcel_PHP教程
-
ThinkPHP3.2.3实现分页的方法详解_php实例