插件描述：多终端响应瀑布流插件
入门
Freewall需要jQuery或Zepto框架。 它需要支持CSS3的浏览器才能获得一些不错的动画效果。
<!DOCTYPE html>
<html>
<head>
<title> freewall demo getting started</title>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="../freewall.js"></script>
<style type="text/css">
#container {
width: 80%;
margin: auto;
}
.item {
background: rgb(135, 199, 135);
width: 320px;
height: 320px;
}
</style>
</head>
<body>
<div id="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<script>
$(function() {
var wall = new Freewall("#container");
wall.fitWidth();
});
</script>
</body>
</html>
PREVIOUS:
NEXT:
相关插件-布局
HTML5 Bootstrap创意设计类模板
html5 Bootstrap程序模板，非常适合自由职业者，创意人员，网页设计师和开发人员以优雅的方式展示他们的产品组合。此模板在页面之间具有平滑的过渡效果。
布局
讨论这个项目（10）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
多啦A梦 0
2020/8/27 11:10:36
-
怎么限制成两列
铭扬工作室 陈1
2023/8/14 8:09:53
var wall = new Freewall("#container");
wall.reset({ **
*
cellW: function(width) {
var cellWidth = width / 2;
return cellWidth - 30;
},
**
*
});这样就可以了
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
