插件
关注
分享
扫一扫
front_end_fan
互联网公司缺的是技术过硬又精通业务的工程师，缺的是真正能解决实际业务问题的人，缺的是复合型的人才。
展开
-
实用插件（三）通讯录插件
1、下载：点我下载 2、使用：引入1个css文件，2个js文件<link href="css/style.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/zepto.js"></script><script type="text/javascript" src="js/city.js" s原创 2017-08-04 14:50:07 · 2572 阅读 · 0 评论 -
实用插件（十）ajax图片上传插件——fileupload
前言刚开始使用的是ajaxFileUpload插件，但是按照其他人的博文所说，直接使用data来传入参数，会报错跨域。如图： 已经尝试网上各种方法，然而都是徒劳，比如修改域名，修改jsonp，修改ajaxFileUpload.js的代码…… 表示很绝望！！！希望看见本博文的大神多多指教，感谢！ajaxFileUpload实现原理： 它是动态的去创建一个iframe和一个form，原创 2018-01-15 10:53:37 · 3608 阅读 · 0 评论 -
利用jquery mobiscroll插件选择日期、select、treeList的具体运用
mobiscroll是个很好用的用于移动端滑动选择的插件，可以用来选择日期，也可以用来选择简单选项或者一些复杂的树形结构的选项，简单分享下。 依赖也比较简单，引入一个mobiscroll-2.13.2.full.min.js文件和一个mobiscroll-2.13.2.full.min.css文件即可。可直接下载mobiscroll-2.13.2 ，官网 http://docs.mobiscro原创 2018-01-22 16:51:09 · 1257 阅读 · 0 评论 -
实用插件（九）手机日历插件——Mobiscroll
1、点我下载2、使用方法： <!--日历插件3个css--><link href="../Mobiscroll/mobiscroll.android-ics-2.5.2.css" rel="stylesheet"><link href="../Mobiscroll/mobiscroll.animation-2.5.2.css" rel="stylesheet"><link href="../M原创 2017-12-28 16:22:57 · 1640 阅读 · 0 评论 -
利用swiper插件做点击相应slide块居中
css：.swiper-container .swiper-wrapper{transition: all 1s;}----------js：<script> var mySwiper = new Swiper ('.swiper-container', { slidesPerView : 3 }); var windowWidth = $(window).width原创 2017-11-02 15:05:37 · 4735 阅读 · 0 评论 -
iCheck表单美化插件使用方法详解（含参数、事件等）
iCheck 特色：1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统4、方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤)5、体积小巧 — gzip压缩后只有1 kb6、25 种参数 用来定制复选框（checkbox）和单选按钮（radi原创 2017-10-18 09:00:28 · 5944 阅读 · 1 评论 -
实用插件（六）手机日历插件——LCalendar
1、点我下载2、使用方法： <!-- 日历1个css文件--> <link rel="stylesheet" type="text/css" href="../css/LCalendar.css" /> <!-- 日历1个js文件--> <script src="../js/LCalendar.js" type="text/javascript" charset="ut原创 2017-09-01 10:46:47 · 9305 阅读 · 1 评论 -
如何自己开发一款js或者jquery插件
引子现在网上关于js和jquery封装的插件很多，我刚刚接触前端的时候，就很敬佩那些自己写插件的大牛们！因为是他们给网站开发更多的便利，很多网页效果，网上很多现成的插件！那么这些插件是如何写的呢？首先是有扎实的js和jquery技术基础，其次还有一些写插件的方法和技巧。关于js和jquery的技术基础，那是一个慢慢积累的过程。但是关于写插件的一些注意和技巧，本文可以略微介绍一下，方便以后写插件的时候原创 2017-09-05 09:28:14 · 4140 阅读 · 1 评论 -
日期控件My97DatePicker详解
My97相信大家都不陌生，应该是我所见过的最强大的一个日历控件了，最近的项目中也比较多地用到了此控件，而且项目中经常会有不同时间范围的需求，在此列出一些比较常用的日期范围格式的设置，尽管在My97的官方文档中有很详细的介绍，正是因为很详细所以查找起来不是很方便。1可以选择任何日期<input id=”txtDate”class=”Wdate” type=”text” onfocus=”W转载 2017-08-07 08:31:25 · 497 阅读 · 0 评论 -
实用插件（二）图片全屏预览插件——PhotoSwipe
注：该插件app项目，pc项目都可使用1、下载：先下载插件压缩包 免费下载2、使用：步骤：1、html结构： <ul id="gallery" class="upload-pics gallery"> <li><a href="../../images/p1.png"> <img src="../../images/p1.png" /></a></li原创 2017-08-04 14:42:01 · 2339 阅读 · 0 评论 -
实用插件（四）图片上传前预览插件
注：该插件app项目，pc项目都可使用1、由于插件为轻量级，直接附上源码和demo<!doctype html><html><head><meta charset="utf-8"><title>jQuery图片上传前预览</title><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><styl原创 2017-08-04 15:09:36 · 2322 阅读 · 0 评论 -
实用插件（一）日历插件——My97DatePicker
1、下载：My97DatePicker组件包 免费下载 2、使用：步骤 1. 把My97DatePicker文件夹拷贝到项目根目录下 2. body前面引入一个css文件：<link rel="stylesheet" href="skin/default/datepicker.css"/>body前面引入后面一个js文件：<script type="text/javascript"原创 2017-08-04 14:23:05 · 6084 阅读 · 1 评论 -
实用插件（十一）table数据导出插件——tableExport
先引入3个js文件：点我下载script src="Blob.js">script>script src="FileSaver.js">script>script src="tableExport.js">script>1.html:table class="table table-striped table-hover" id="table2" style="display:原创 2018-01-16 16:46:47 · 4228 阅读 · 0 评论