全国服务热线
400-0478-010
特效素材

思异科技案例中心所使用的瀑布流代码分享

2013-08-15 点击数:2325 来源: 思异科技 标签:jquery

瀑布流效果图

瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。

瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。国内类Pinterest网站也如雨后春笋般出现,已知网站超40家,类Pinterest网站有三种,一是电商导购,如想去网、蘑菇街和美丽说、好享说,依托于淘宝平台;二是兴趣图谱分享,如知美、花瓣等;三是在细分垂直领域,如针对吃货的零食控、针对家居行业的他部落等。

瀑布流特点

1、琳琅满目:整版以图片为主,大小不一的图片按照一定的规律排列。

2、唯美:图片的风格以唯美的图片为主。瀑布流效果

3、操作简单:在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前。

思异科技从国外的高手博客上找到此代码,jquery的瀑布流代码,有css兼容模式,能在chrome等浏览器上高速执行,特效效果很绚丽。 查看特效



代码下载地址:瀑布流代码下载