8个神奇的网页动态流体布局及其做法揭秘
- atu0830 - 译言-每日精品译文推荐来源8 Magical Dynamic and Fluid Layout and How to Make It. 最近,有一种新的网页布局 ——动态流体布局,很让我感到兴趣. 它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果. 其中有些甚至针对不同类别有不同效果..
原作者:
来源8 Magical Dynamic and Fluid Layout and How to Make It
译者MazingTech
Introduction介绍
最近,有一种新的网页布局 ——动态流体布局,很让我感到兴趣。它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果.
这样的网站我找到了8个,他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。
Recently, I have been quite interested with a new kind of web layout - dynamic and fluid layout. It cleverly fills in all the spaces and rearranges each items and display it nicely on browsers, and they usually come with slick animation too. Some of them even have advance filtering for different categories
I found 8 websites that share the same characteristics and in the last section of this post, I listed 3 jQuery plugins that help you to achieve the same effect as well. Enjoy!
Alright, I guess you want to know how to do it. Luckily, thanks to these 3 plugins, making them are extremely easy!
好了,也许你已经迫不及待想知道怎么实现了。多亏了这三个插件,一切垂手可得。
A dynamic layout plugin for jQuery. The flip-side of CSS floats一个JQuery动态布局插件,CSS侧边浮动。 Isotope
An exquisite jQuery plugin for magical layouts一个可以神奇布局的JQuery精美插件。 QuickSand
Reorder and filter items with a nice shuffling animation.可以重排和过滤,带有滑动动画效果。
来源:queness.com
编译:ArSui
相关文章: