isotope插件用法

2026-09-06

瀑布流布局使用详解——JQuery插件Isotope（动态实现子项目筛选）

瀑布流布局,听起来听牛逼的样子,其实就是简单的子元素筛选功能.不过这一功能在网站页面布局当中还是很常用的,特别是在电商网站中经常会有点一个钮筛选,然后页面的子元素刷的以下变了样.接下来,我们先简单介绍下概念和用法,然后详解这一功能的实现. 瀑布流概念: 又称瀑布流式布局,是比较流行的一种网站页面布局方式.视觉表现为多栏布局,附带筛选功能,当下在国内十分流行. 瀑布流原理: 通过为子元素定义不同的class类名,然后通过类名及其内容进行筛选排序. 这一插件在实现网站元素动态切换,调整整体顺序

toastr.js插件用法

toastr.js插件用法 toastr.js是一个基于jQuery的非阻塞通知的JavaScript库.toastr.js可以设定四种通知模式:成功.出错.警告.提示.提示窗口的位置.动画效果等都可以通过参数来设置,并且可以在官方网站上通过勾选参数来生成JavaScript代码,操作简单,容易上手,推荐使用. https://github.com/CodeSeven/toastr http://www.toastrjs.com 简单调用简单调用toastr.js插件时,以下几步即可. ①

jquery uploadify文件上传插件用法精析

jquery uploadify文件上传插件用法精析 CreationTime--2018年8月2日11点12分 Author:Marydon 一.参数说明 1.参数设置 $("#file_upload").uploadify({ height : 30,//高度 swf : '/uploadify/uploadify.swf',//指定swf文件 uploader : '/uploadify/uploadify.do',//后台处理的url width : 120,//宽度 bu

ASP.NET MVC5+EF6+EasyUI 后台管理系统（86）-日程管理-fullcalendar插件用法

前言本文分享fullcalendar用法,最后面提供代码下载说到日程管理,基于JQuery的插件FullCalendar当之无愧,完整的API稳定和调用方式,非常易于扩展!可以用于系统的个人历程管理,系统的任务日历列表.支持按:月.周.日来查看,非常实用 FullCalendar插件下载下载使用下载好FullCalendar解压,里面包含了demo和必要的JS,CSS文件我们打开Demo随便打开一个样例,得到以下必要的文件即可,其他都可以删掉 /fullcalendar.min.css

jquery.Inputmask 插件用法（中文API文档）

jquery.Inputmask 可以算是input文本输入限制的神器了,内部融合了多种输入限制, 如金额,电话号码,身份证号,网关等..,并且还可以自定义规则. inputmask 据说最早起源于应用程序里面的插件,后面被翻译成了js,jq插件. 目前inputmask的文档大多是英文,下面将部分功能翻译成中文文档.转载请注明出处谢谢文档及项目源地址 https://github.com/RobinHerbots/Inputmask 一.插件引用 js引用的方法很简单,和其他插件一样,都

DefinePlugin插件用法

作者:水涛座右铭:天行健,君子以自强不息自白:我写博文上来蹭蹭就是干,我突然觉得我需要幽默一点了,好了,下面我们说正经的一.官方定义: DefinePlugin DefinePlugin 允许创建一个在编译时可以配置的全局常量.这可能会对开发模式和生产模式的构建允许不同的行为非常有用.如果在开发构建中,而不在发布构建中执行日志记录,则可以使用全局常量来决定是否记录日志.这就是 DefinePlugin 的用处,设置它,就可以忘记开发环境和生产环境构建的规则. new webpack.Def

Unity 3D学习之 Prime31 Game Center插件用法

http://momowing.diandian.com/post/2012-11-08/40041806328 It's my life~: 为app 连入Game Center 功能而困扰的朋友们,不妨试一试Prime31 Game Center插件吧.简单,有效,快捷!! 1.导入Prime31 Game Center插件之后.会有一个GameCenterTestScene 里面有14个GUI按钮代码在GameCenterGUIManager中.在这先不一一介绍. 2.首先在Editor

fullPage.js插件用法（转发）

fullPage.js主要功能有: 支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机.平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等模板展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&qu

图片上传插件用法,net语法【二】

之前一直写过KindeEditor中的小控件作为单独上次,但业务要求需要另一种方式现在改用ajaxfileupload.js试试,这个一百度一.首页引用 <script src="~/Scripts/ajaxfileupload.js"></script> 原理:创建隐藏的表单和iframe然后用JS去提交,获得返回值. 注意:使用AjaxFileUpload插件上传文件可不需要form,如下: <form name="form"

KindeEditor图片上传插件用法

因业务需要找了款插件 KindeEditor编辑器确认挺好用,但无奈技术有限,上传配置不知,故问度娘! 图片上传对于部分新手来说有时候是一件非常头疼的事,今天来分享一下项目中使用到的这个插件KindeEditor:对于图片上传.文件上传都是分分钟搞定的事,配置简单:现在来分享一下: KindeEditor官网Api文档:http://kindeditor.net/doc.php 要想使用此插件我们首先就要去官网下载,下载完成后将插件放进我们的项目当中,如图: 接着就是前端如何使用该插件,同样废话

jQuery之jquery.lazyload.js插件用法

研究背景:网站中如果图片过多,就会因为加载图片而等待很长时间,此时我们就用到图片延时加载插件jquery.lazyload.js,这个插件可以让我们在向下滚动的时候加载图片.让网页首屏尽可能快的加载进来. 如何使用jquery.lazyload.js: 1.jquery.lazyload.js依赖于 jquery. 请将下列代码加入HTML的结尾,也就是</body>前: <script type="text/javascript" src="jquery.

jQuery的下拉选select2插件用法

1转自:https://www.jb51.net/article/95561.htm 用了这么久的Select2插件,也该写篇文章总结总结.当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本. 演示:

select2插件用法

1.修改默认查询方法,使其可以根据value查询 this.element.select2({ allowClear: true, matcher: function (term, text, element) { return text.toUpperCase().indexOf(term.toUpperCase()) >= 0 || element.val().toUpperCase().indexOf(term.toUpperCase()) >= 0; } }); 其中,select2插

01：jQuery的下拉选select2插件用法

1.1 select2插件基本使用 1.下载select2插件 1. 下载地址:https://github.com/select2/select2 2.官网地址:https://select2.org/getting-started/basic-usage 3.文件需要引入select2.full.js.select2.min.css(4.0.1版本)和jquery.1.8.3及以上 2.使用原有的 option <!DOCTYPE html> <html lang="en&

Bootstrap中的datetimepicker插件用法总结（转载）

datetimepicker用法总结目录 datetimepicker用法总结目录简述官方文档选项属性 1 format 格式 2 weekStart 一周从哪一天开始 3 startDate 开始时间 4 endDate 结束时间 5 daysOfWeekDisabled 一周的周几不能选 6 autoclose 选完时间后是否自动关闭 7 startView 选完时间首先显示的视图 8 minView 最精确的时间 9 maxView 最高能展示的时间 10 todayBtn

jquery常见插件用法表

一:美化select表单:chosen.jquery.js http://harvesthq.github.io/chosen/ 关于ajax更新列表后需要触发下插件的事件,才会表现出来:(http://stackoverflow.com/questions/12044330/jquery-chosen-plugin-dynamically-populate-list-by-ajax) The Chosen plugin does not automatically update its lis

Headroom.js插件用法

一.Headroom.js是什么? Headroom.js是一个轻量级.高性能的JS小工具(不依赖不论什么工具库.),它能在页面滚动时做出响应. 此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了. 二.Headroom.js有什么用? 固定页头(导航条)能够方便用户在各个页面之间切换.可是这也会带来些问题- 大屏幕一般都是宽度大于高度的,也就是说屏幕高度要少一些.固定页头会占用一部分本来能够用于展示内容的区域. 小屏幕通常是高度较大,可是别忘了

jQuery Migrate 插件用法

jQuery Migrate是应用迁移辅助插件,是用于高级版本兼容低级版本辅助插件.例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案. 例子: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>tes

smartload跨浏览器极速缓存插件用法

smartload由39smart团队原创,主要实现前端css/js的一次加载请求,永久缓存的加速效果,在移动端效果非常明显. 插件特点: 支持平台: PC和移动端所有版本浏览器,ie6+,firefox,chrome,uc,safari等等... 核心功能: 全站css/js版本统一管理,同步或异步加载,老中新三代浏览器的css/js分离存储支持: indexDB > Web SQL > localStorage > 无缓存. 实现原理:自动载入适合的版本,v1适合无localSto

validate 的插件用法

1.不推荐使用控件方式验证的方式(因为他严重的影响的html代码,也不便于语义化) <input type="text" class="required" minlength="2" name="user" id="user" /> 2.推荐使用 JS 对象键值对传参方式设置 html代码: <input type="text" name="user"

图片上传插件用法,JS语法【三】

注意点: 作为文件域(<input type="file">)必须要有name属性,如果没有name属性,上传之后服务器是获取不到图片的.如:正确的写法是<input type="file" id="file1" name="file1" /> dataType参数一定要大写.如:dataType: 'HTML' 一.html <body> <p><input type=&

isotope插件用法

热门专题