微客导航 » 文章资讯 » 基于JavaScript实现瀑布流效果

基于JavaScript实现瀑布流效果

2024-02-26 14:16:03 155

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下

前端内容：

使用JavaScript和四个div，将照片放入四个div中





Title



{#将内容放在container中#}

{#将图片内容放入四个item中，形成四个item#}

后台内容：

基于Django的FBV，函数视图，进行数据的读取和处理ajax请求

defget_imgs(request):
#获取已经取得的照片数目
index=request.GET.get('nid')
#获取QuerySet集合对象，取从index后的10调数据
imgs_list=models.Student.objects.values('id','img_dir','name')[index:index+10]
imgs_list=list(imgs_list)
#传送状态和数据内容
ret={
'status':True,
'data':imgs_list
}
returnJsonResponse(ret)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

基于JavaScript实现瀑布流效果

热门推荐

随机推荐