超棒的响应式布局jQuery插件Freetile.js
2023-06-13 09:15:30 时间
在线演示
我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件?Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
主要特性
Freetie来自于Assemblage和AssemblagePlus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:
允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你的元素大小内建算法允许你很容易的自定义插入的位置,满足不同喜好的展示方式。例如,向左或者向右对齐,或者接近特定元素。智能的动画方式能够很好的判断是否需要动画特效。例如,刚加入的元素和不可见的元素。只要使用Assemblage和AssemblagePlus模板的网站都在使用它,所以说非常稳定。如何使用
基本使用方式:
Js代码
启用动画特效:
Js代码
指定一个自定义的元素选择器:
Js代码
是不是很简单,有需要的话可以直接拿走哈,千万别跟我客气。
相关文章
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- 生成二维码的 jQuery 插件:jquery.qrcode.js
- jquery Ajax的标准写法详解程序员
- JQuery-AJAX使用详解编程语言
- jQuery基础教程笔记适合js新手
- jquery提示"objectexpected"的解决方法
- jquery简单图片导航插件jquery.imgNav.js
- jquery插件之easing使用
- jquery.cookie.js操作cookie实现记住密码功能的实现代码
- JQuery+JS实现仿百度搜索结果中关键字变色效果
- jquery里的正则表达式说明
- jquery应该如何来设置改变按钮input的onclick事件
- jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
- 浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
- 探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
- jquery鼠标滑过提示title具体实现代码
- Jquery选中或取消radio示例
- jquery及原生js获取select下拉框选中的值示例
- JQuery的$和其它JS发生冲突的快速解决方法
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- JS(JQuery)操作Array的相关方法介绍
- 原生js和jQuery随意改变div属性style的名称和值
- 分享2个jQuery插件--jquery.fileupload与artdialog
- Jquery选择器中使用变量实现动态选择例子