瀑布流布局JS/JQ/CSS3分别实现-加入JQ动画效果

实现效果

##使用JS/JQ/Css3实现瀑布流布局

JS实现：

点击进入

JS实现时，要根据图片的宽度计算列数，然后根据图片的高度计算下面每一张图片的位置值。

JQ实现：

点击进入

Css3实现：

点击进入

想对于使用JS,JQ实现，使用CSS3实现简直简单了不要太多= =只需要用到css3的column属性，几行代码就可以实现，不过兼容性使用JS/JQ还是更胜一筹

加入JQ动画效果：

点击进入

这个是慕课网该课程的最后一个编程挑战题目。使用jq的antimate方法就可以实现，
不过我做出来还是又几个bug没有解决= =第一个是图片连续加载时在第一次连续加载会卡顿那么几秒,real奇怪啊。第二个时在第一组图片加载完后，所有图片会向左平移几个像素，然后再开始连续加载。我对JQ还不太熟练，等以后慢慢解决这个bug好了。