瀑布流效果Demo总结(4)之基于jquery+masonry.js的实现
1.综述
??? 最近研究了时下流行的瀑布流展示效果。 当前共计尝试的方法及其优缺点如下:
(1)基于JQuery框架及blocksit.min.js实现的瀑布流不连续,每列中多多少少都会有一些位置出现空白。(2)基于JQuery框架,用匿名函数形式,自编程实现瀑布流(3)基于CSS3,chrome、火狐、搜狗浏览器显示正常,但IE8、IE10均不能显示瀑布流 只能显示单列照片,使用Web中介绍的ie-css3.htc或PIE插件仍不能在IE中显示瀑布流效果?(4)基于DIV 用<script>实现的瀑布流,本地瀑布流测试效果正常?
2基于jquery+jquery.masonry.js的实现
?
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery 瀑布流 延时分页加载</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
??? <div type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.infinitescroll.js"></script>
<script type="text/javascript" src="js/all.js"></script>
</body>
</html>