1、传统多列浮动 定义多个div左浮动成多列，在每个div里插入一推也是左浮动的div。于是就实现了那种参差不齐的效果。 2、直接用css3样式实现 定义一个div直接设置它的属性（column-count:列数），把那些小块div放在这个大的div中就能实现这种瀑布流效果。 但这种css3属性在一 ...
分类：
其他好文 时间：
2016-07-15 13:33:42
阅读次数：
126
（原生js+jquery+css3） 前言 项目需求要弄个瀑布流的页面，用的是waterfall这个插件，感觉还是可以的，项目赶就没自己的动手写。最近闲来没事，就自己写个。大致思路理清楚，还是挺好实现的... 原生javascript版 <!DOCTYPE html> <html lang="en" ...
分类：
Web程序 时间：
2016-07-14 02:11:38
阅读次数：
272
<div id="container"> <div class="box"> <div class="content"> <img src="./images/test0.jpg"> </div> </div> $(document).ready(function(){ $(window).on(" ...
分类：
Web程序 时间：
2016-07-13 22:41:52
阅读次数：
140
window.onload=function(){ waterfall("container","box"); var imgData={"data":[{"src":"1.jpg"},{"src":"2.jpg"},{"src":"3.jpg"},{"src":"4.jpg"},{"src":"5 ...
分类：
编程语言 时间：
2016-07-13 15:31:43
阅读次数：
244
传统的瀑布工作模式使用详细的需求说明书来表达需求，需求人员负责做需求调研，根据调研情况编制详细的需求说明书，进行需求评审，评审之后签字确认交给研发团队设计开发。在这样的环境下，需求文档是信息传递的主体，也是一份契约。 然而详细的需求说明书有以下5大弊端......... ...
分类：
其他好文 时间：
2016-07-12 19:35:46
阅读次数：
142
现在我们要实现如下的效果:
1.首先创建瀑布流
UICollectionView *collectionView
= [[UICollectionView alloc]init];
CGFloat collectionWH= self.view.frame.size.width;
collectionView.frame = CGRe...
分类：
其他好文 时间：
2016-07-10 18:38:10
阅读次数：
420
在现在的html5和CSS3中有许多新增的内容，作为前端，我感觉用的最多的就是兼容问题与分栏布局了，如果把兼容与分栏布局混合应用，会让我们很快做一些瀑布流之类的网站，以少的代码做多的是，提高工作效率，但有些新的特性还不能在每个浏览器上都适应。 图1（谷歌浏览器）： 图2（移动端）： 具体代码如下： ...
分类：
Web程序 时间：
2016-07-08 16:32:58
阅读次数：
478
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<title>瀑布流演示</title>
<linkrel="stylesheet"type="text/css"href="pubu_css.css"/>
<scriptlanguage="javascript"type="text/javascript"src="pubu_js.js"&g..
分类：
编程语言 时间：
2016-07-05 22:45:36
阅读次数：
244
最近在做一个网站，要对很多图片排版，想到了瀑布流，不过瀑布流是实现了，但是需要查看大图片，于是将瀑布流和LightBox图片盒子很好的结合了起来，可在当前页使用Lightbox放大瀑布流中的缩略图，有需要的可下载使用。 完整代码下载：waterwall_lightbox.rar 效果在线显示：htt ...
分类：
Web程序 时间：
2016-07-05 01:05:47
阅读次数：
228
