妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6970|回复: 4

[知识点类] 妙味课堂视频教程--瀑布流效果实现详解

[复制链接]
monica 发表于 2013-5-12 14:00:42 | 显示全部楼层 |阅读模式
本期分享的是通过定位布局模式的瀑布流效果,无需跳转实现批量数据的展示,同时列表数量会根据浏览器可视宽度动态发生改变,里面的图片数据也会根据列数的不同动态调整显示位置;



视频教程地址:
码农俱乐部技术之夜-妙味课堂-瀑布流效果1(原理介绍)
在线观看地址:http://v.youku.com/v_show/id_XNTUyNDA5ODQ4.html
视频下载地址:http://yunpan.cn/QWI9ImATkzeYF

码农俱乐部技术之夜-妙味课堂-瀑布流效果2(布局和数据的获取)
在线观看地址:http://v.youku.com/v_show/id_XNTUyNDA5ODQw.html
视频下载地址:http://yunpan.cn/QWI9i9FsIib2n

码农俱乐部技术之夜-妙味课堂-瀑布流效果3(效果的实现)
在线观看地址:http://v.youku.com/v_show/id_XNTUyNDEwNTQ4.html
视频下载地址:http://yunpan.cn/QWI9hFdzPTUBI

码农俱乐部技术之夜-妙味课堂-瀑布流效果4(最终效果)
在线观看地址:http://v.youku.com/v_show/id_XNTUyNDExMjU2.html
视频下载地址:http://yunpan.cn/QWI9CzQEgdg9W


注:转载请注明出处!如果在线观看的视频不是高清,请点击播放器右下角的设置,设置为超清即可,如图:



课件下载:
瀑布流效果实现详解.rar (34.62 KB, 下载次数: 1462)
回复

使用道具 举报

joya 发表于 2014-5-8 00:01:52 | 显示全部楼层
太赞了,刚刚看完,明天试一下,谢谢老师!~
回复 支持 反对

使用道具 举报

Rock 发表于 2014-5-13 15:53:33 | 显示全部楼层
已经不能下载啦
回复 支持 反对

使用道具 举报

小小新新 发表于 2016-8-10 19:59:32 | 显示全部楼层
下载老师的示例运行了,貌似有个BUG,  很多时候,滚动滚动条后,某一列就会出现图片的缺失,这时貌似控制台有报错:有图片没有请求到,是这个原因么,怎么解决呢,大家遇到过没呢?望老师解答~~~~~

出现图片缺失

出现图片缺失
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-1-16 20:34 , Processed in 0.148158 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表