美人网-美人基地

瘦身精油 减肥产品
相宜本草 天丝祛斑
收藏美人 设为首页
美人网-美人基地 美人网-美人基地 美容养颜 | 美白祛斑 | 保湿防晒 | 减肥塑体 | 运动瑜伽 | 生理心理 | 养生保健 | 偏方秘方 | 名人八卦 | 美人图库 | 美人网-美人基地
美人主页 > dede&seo > 正文内容

什么是瀑布流?-百度图库的布局样式

来源: 未知 更新日期: 2012-11-01 08:43

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

什么是图丽网瀑布流?-百度图库的布局样式-美人网

内容来自mrenw.com


  
  瀑布流的应用
  
  瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳。
  
  [1]国内类Pinterest网站也如雨后春笋般出现,目前已知网站超40家,类Pinterest网站有三种,一是电商导购,如蘑菇街和美丽说,依托于淘宝平台;二是兴趣图谱分享,如知美、花瓣等;三是在细分垂直领域,如针对吃货的零食控、针对家居行业的他部落、综合性中文网络社交平台的海内论坛等。
  
  [2]瀑布流类型的网站特点
  
  1、琳琅满目:整版以图片为主,大小不一的图片按照一定的规律排列。
  
  2、唯美:图片的风格以唯美的图片为主。
  
  3、操作简单:在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前。
  
  瀑布流的实现方式

mrenw.com

  
  1、传统多列浮动。代表网站蘑菇街和哇哦
  
  2、用CSS3实现
  
  3、绝对定位。代表网站Pinterest
  
  瀑布流布局的优点
  
  1、布局简单,没有特别的难点;
  
  2、不必明确知道数据块高度,当数据块中有图片时,就不需要指定图片高度。
  
  瀑布流布局的缺点
  
  1、列数固定,扩展不易,当浏览器窗口大小变化时,只能固定的x列,如果要添加一列,很难调整数据块的排列;
  
  2、滚动加载更多数据时,还要指定插入到第几列中,不够方便。

美容护肤减肥瘦身


成人用品




相关文章
· 知识点!都说自己长了闭口,可你知道什
· 学了三五年也不肯毕业……猜猜,老年大
· 出国留学,需要什么样的心理准备
· 余额宝为什么限购“瘦身”?(热点聚焦
· 一分钟,上海会发生什么?(组图)
· 心理剖析:男人为什么喜欢丰乳肥臀?
· 什么祛斑产品效果最好?口碑好的祛斑产
· 朋克养生是什么意思? 一边作死又一边
· 捷径越来越少,快钱越来越难,为什么人
随机推荐
· 美人网是怎样通过腾讯的安全认证?
· 什么是瀑布流?-百度图库的布局样式
· 网站建设 dede模版说明
· dede5.7仿站div错位问题
· Zac@SEO:高度浓缩的SEO技术
· 浅谈搜索引擎劫持网站流量核心技术
· dede5.7 祛除首页模版织梦链

/*广告位*/
热点推荐

团结广大职工助力中原更出彩
团结广大职工助

减肥塑体

减肥心得——7种减肥产品性价比测评,瘦身选纤体魔丽最靠谱了
减肥心得——7
· 微整形培训班:3天就可拿"证"
· 金鸡百花电影节重临佛山 颁
· 护肤品专柜美容服务存“灰色
· 一女子在青岛诺德医学美容医
· 开启年轻10岁驻龄体验,庆轻
· 传武则天每天喝益母草茶敷面
· 故宫又有新花样?携手皇族养
美人图库

/*广告位*/