效果图:JS:/***瀑布流插件*本插件局域JQ*在每次数据初始化前必须在服务器端设置好图片区域的宽高，也就是说在图片的外包装DIV上按照比例设置上宽高属性*才能顺畅的运行在各个浏览器(因为图片在没有加载完毕前是没有宽高的)*name:杨永*QQ:377746756*/;(function($){ ...
分类：
其他好文 时间：
2014-09-19 15:30:05
阅读次数：
227
宽度是一定的高度不定的瀑布流布局 也可以说是无缝拼图 当浏览器滚动到底部时候自动加载图片 加载的图片地址用json 在img.js里 ，还有正在加载动画是用css3制作的 在ff等支持css3可以显示 你如果想全面支持浏览器可以用gif动画 代码里有详细解释就不多说了?1. [代码]预加载/瀑布流 ...
分类：
Web程序 时间：
2014-09-10 17:22:20
阅读次数：
216
html结构 <div?id="waterfall">
????<div?class="mod-box">
????????<div?class="mod-img">...</div>
????</div>
????<div?class="mod-box">
????????<div?class="mod-img">......
分类：
编程语言 时间：
2014-08-26 17:51:26
阅读次数：
219
一些带搜索功能的app，在搜索栏下面一般会提供一些关键字供用户选择。
也可以根据用户输入的文字，在下一次使用的时候该文字出现在常用关键字里面，只要轻轻一点就可以搜索了，无需再次输入。
关键字可以动态添加，这就要考虑换行的问题了
废话不多说，先上效果图：
先定义2个自定义属性
magin:关键字之间间隔
...
分类：
其他好文 时间：
2014-08-26 17:31:26
阅读次数：
741
流布局是一种适应屏幕的做法。即不固定块的宽度，而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写，然后自适应各种不同大小的屏幕（手机，PAD…）。 <div class="container-fluid"> ? <div...
分类：
其他好文 时间：
2014-08-25 21:19:45
阅读次数：
216
这个例子与上一篇类似，唯一的区别是排序的方式有差别。上一篇是在高度最小的列里插入内容，这个案例是按顺序放置内容。两种方法各有优缺点。第一种需要在图片内容加载完成的情况下有效，各个列的图高度差异不大。这个例子不需要在window.onload之后执行，直接计算每列的索引，按照顺序一列一列的放置，在图大...
分类：
Web程序 时间：
2014-08-25 14:52:44
阅读次数：
281
在实际的项目中，偶尔会用到一种布局——瀑布流布局。瀑布流布局的特点是，在多列布局时，可以保证内容区块在水平方向上不产生大的空隙，类似瀑布的效果。简单的说，在垂直列表里，内容区块是一个挨着一个的。当内容较多且不固定时，就依赖于html结构的顺序，非常受限制。这里给了一个简单的例子，只要传入列表的数量和...
分类：
Web程序 时间：
2014-08-25 14:52:04
阅读次数：
260
这个例子与上一篇类似，唯一的区别是排序的方式有差别。上一篇是在高度最小的列里插入内容，这个案例是按顺序放置内容。两种方法各有优缺点。第一种需要在图片内容加载完成的情况下有效。这个例子不需要在window.onload之后执行，直接计算每列的索引，按照顺序一列一列的放置。用下面的图做说明。说明：上一个...
分类：
Web程序 时间：
2014-08-25 14:44:34
阅读次数：
300
在实际的项目中，偶尔会用到一种布局——瀑布流布局。瀑布流布局的特点是，在多列布局时，可以保证内容区块在水平方向上不产生大的空隙，类似瀑布的效果。简单的说，在垂直列表里，内容区块是一个挨着一个的。当内容较多且不固定时，就依赖于html结构的顺序，非常受限制。这里给了一个简单的例子，只要传入列表的数量和...
分类：
Web程序 时间：
2014-08-25 13:21:54
阅读次数：
260
1 2 3 4 5 waterfall布局 6 7 8 9 17 18 19 20 21 0122 0223 0324 0425 0526 0627 0728 0829 0930 1031 113...
分类：
Web程序 时间：
2014-08-22 19:25:49
阅读次数：
262
