瀑布流布局并自动加载实现代码

自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个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方法简洁实现隔行换色及toggleClass的使用

今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下：复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>隔行换色</title> <script src="js/jquery-1.4.2.min.js"></scri>>>详细阅读

本文标题：瀑布流布局并自动加载实现代码

地址：http://www.17bianji.com/kaifa2/JS/22240.html

1/2 1