easygrid.js是一个简单的响应式布局框架,可定制的,动画效果布局网站或网页应用的网格布局。比如常见的瀑布流样式。基于调用方式const demo = new EasyGrid({ selector: "#grid", // 在这里配置 });追加网格// 添加单个网格 demo.AddItem({ items: "Any HTML Here" }); // 添加网格数组 const myElements = [item1, item2, item3, ...] demo.AddItem({ items: myElements }); // 触发一个函数后添加 demo.AddItem({ items: myElements, onComplete: function(){ console.log("Completed!"); } });丰富的自定义设置const demo = new EasyGrid({ // 网格选择器 selector: "#defaultId", dimensions: { width: "150", height: "100", margin: "5", minHeight: "100", maxHeight: "300" }, // 这里配置动画 animations: { fadeInSpeed: "100", addItemSpeed: "100" }, // 从HTML获取项目 config: { fetchFromHTML: true, filter: true }, // 拓展样式 style: { background: "rgb(96, 120, 134)", borderRadius: "5" }, responsive: [ { breakpoint: 500, columns: 2 }, { breakpoint: 300, columns: 1 } ] });一些API方法// 清除 demo.Clear(); // 设置网格 demo.SetupEasyGrid(); // 重新放置网格 demo.Refresh(); // 过滤所有元素相匹配的特定类 demo1.Filter();
文件目录······
暂无数据
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)