瀑布流布局并自动加载实现代码
瀑布流是流行一段时间了,现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多,并且有是一个juqery的插件masonry,插件地址:http://masonry.desandro.com/
先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便:
我先引用好jquery文件和masonry文件,使用如下代码:
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});
您可能感兴趣的文章:
基于 Jquery Masonry + imagesLoaded 插件实现瀑布流布局
一个简单的瀑布流效果(主体形式自写)
javascript实现向下滚动并加载数据的代码
jquery实现瀑布流效果分享
JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记4
2013年优秀jQuery插件整理小结
CSS floats来创建三栏网页布局的方法
个人学习总结:如何学习网页技术CSS
html5如何插入可自动播放的音频(图文)
浏览器发展/CSS布局/怎样运用?