【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局
时间:03月21日作者:愚人码头查看次数:29,744 views评论次数:25条评论
前段时间领导给我看了一个网站:/, Pinterest 这个名字还算容易理解:「Pin」就是用图钉往墙上钉东西,「interest」就是趣味。
通过 Pinterest ,你可以: 1) 发现有趣的图片——设计、摄影、产品、新闻——并刺激灵感; 2) 将有趣的图片归类——tag、board、category、source——并分享给好友。
一打开Pinterest你会被那些漂亮的图片和网站的杂志风格所吸引。非常强的视觉冲击。 当然今天不是讨论产品的东西,Pinterest的布局非常有意思,按照列排,宽度自适应。正好知道jquery有个叫Masonry的插件,这个插件非常合适做Pinterest类似的布局,而且非常简单。我做了一个简单的类似Pinterest布局的demo,html和css是Pinterest的。
查看demo:/demo/jquery-masonery/;
jQuery Masonry插件的参数也很简单:
view source print?
更多关于masonry的demo参见/resources/jquery-masonry/