瀑布流: 1.等宽不等高; 2.拉不到底; 每次往offsetHeight最小的Ul里面添加 function rand(n,m){ return parseInt(Math.random()*(m-n)+n) //随机数 } function createLi(){ var oLi=documen ...
分类：
其他好文 时间：
2016-07-23 15:20:44
阅读次数：
195
UICollectionView 的使用是跟表的使用是一样,瀑布流的布局会比表的效果更好,这里说一下 collectionView 设置表头, 区头,区尾 设置表头可以约束 collectionView 居上的距离 其中区头,区尾 是继承 UICollectionReusableView 1 // ...
分类：
其他好文 时间：
2016-07-23 12:05:19
阅读次数：
165
//自定义布局，继承于UICollectionViewLayout #import <UIKit/UIKit.h> @class WaterFlowLayout; @protocol WaterFlowLayoutDeleagre ; @interface WaterFlowLayout : UIC ...
分类：
移动开发 时间：
2016-07-22 14:31:00
阅读次数：
210
jQuery一直没系统的学，只知道是js库，封装了好多js函数，方便了开发。以前做过一个原生的图片网站瀑布流效果，超级麻烦，这次用了jQuery方法，瞬间代码浓缩了，只有56行js代码。神奇的让我来把其中的几个函数具体记录一下。 首先，在WebStorm中新建一个工程，导入jquery库和几张img ...
分类：
Web程序 时间：
2016-07-20 17:31:31
阅读次数：
209
效果展示如下: 其中图片的宽度是一定的，高度随比例变换，以此为基础做瀑布流布局。 ...
分类：
其他好文 时间：
2016-07-19 23:52:59
阅读次数：
477
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
