插件
shl999
一枚前端菜鸟
展开
-
iscroll5 手机滚动插件使用
实例化var myScroll = new IScroll('div', {scrollX: true, scrollY: false, click: true, probeType: 3});//横向滑动myScroll.scrollToElement('.active', true, true)//active自动滚动到中间myScroll.on('scroll', function ()原创 2017-02-05 16:10:52 · 706 阅读 · 0 评论 -
不使用flash的复制插件
压缩包下载传送门–http://pan.baidu.com/s/1o8csXqq我只是搬运工。 github网址:https://github.com/zenorocha/clipboard.js 代码演示网址:http://www.helloweba.com/view-blog-327.html 此插件没有用flash 但是不支持ie8—-转载 2016-09-02 11:19:01 · 332 阅读 · 0 评论 -
百度图片上传 webuploader插件
插件描述:WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。网址:http://www.jq22.com/jquery-info5302它的一些用法:uploader.addButton({ id: '#filePicker2', label: '继续添加' });id: ‘#fi原创 2016-09-06 17:31:55 · 1175 阅读 · 0 评论 -
手机左右上下滑动插件--iscroll.js
最近使用这个插件 来做下总结。 gethub官网地址:https://github.com/cubiq/iscroll/比较全的中文API:http://www.mamicode.com/info-detail-331827.html一目了然的用法:http://blog.csdn.net/a41070289/article/details/50877675//实例化滚动插件 var my原创 2016-11-16 10:28:16 · 14024 阅读 · 0 评论 -
一些插件
https://github.com/farhadi/html5sortable github2.http://jsfiddle.net/neochief/KWeMM/3.http://jsfiddle.net/hQnWG/4.http://jsfiddle.net/T68Fn/1.Sortable jqueryuiAngularJS http://www.qttc.net/20141145原创 2017-02-06 17:19:50 · 202 阅读 · 0 评论 -
刮一刮 插件
优惠券刮一刮插件1.利用h5 canvas http://www.helloweba.com/view-blog-270.html 2.jquery.scratchie.js http://www.codefans.net/jscss/code/4593.shtml 引用了google的API,jquery版本1.4.4以上 3.wScratchPad 可以改变画笔大小,这个的图片是原创 2017-02-16 11:57:00 · 508 阅读 · 0 评论 -
Sortable 拖拽插件 使用文档
插件网址:http://www.runoob.com/jqueryui/api-sortable.html 此插件是让被选元素通过鼠标拖拽然后进行排序。 // 我排版渣— 注意事项: 多列表链接时要使用connectWith,双向或者多向链接。 还要考虑下各向链接的方向,逻辑性(谁能拖拽过去,谁拖拽不过去)。 如果要拖拽多个元素,可以使用appendTo,把他追加到一块。$(".原创 2016-08-30 16:06:02 · 8809 阅读 · 0 评论 -
jq-ui的Sortable插件 两列布局 左右拖拽
html页面传送门—–http://pan.baidu.com/s/1c21Fqhi1.先引入<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jq原创 2016-08-30 16:25:00 · 3831 阅读 · 1 评论 -
doT.js插件的使用
可以在线测试:http://olado.github.io/doT/index.html Github地址:https://github.com/olado/doT 详细文档:http://www.cnblogs.com/kuikui/p/3505768.html说明:本插件不依赖其他插件。dot.js主要的用途就是,在模板上放进数据,生成含有数据的html代码。 1、it是传递进去的数据对象原创 2016-11-29 18:57:19 · 2793 阅读 · 0 评论 -
滚动监听实现
$.fn.smartFloat = function () { var position = function (element) { var top = element.offset().top,array=[],content=$(".content .items"); for(var i=1;i<content.length+1;原创 2016-12-01 18:59:34 · 782 阅读 · 0 评论 -
jq插件写法
(function ($) { var methods = { init: function (options) { // this }, show: function () { // is }, hide: function () { //转载 2017-01-02 10:31:30 · 1696 阅读 · 0 评论 -
瀑布流 或者动态加载 click点击无效的问题
将 $(".div").click(function(){ });改为: $('body').on('click', '.div', function () {})原创 2017-01-02 15:44:48 · 544 阅读 · 0 评论 -
wow.js 向下滚动动画插件 使用说明
Wow是一个鼠标向下滚动,内容逐渐显示的插件,它依赖animate.css 动画(或者其他的动画库),功能类似 waypoints 插件。Github地址:https://github.com/matthieua/WOW 使用说明:http://mynameismatthieu.com/WOW/docs.html 在线示例:http://mynameismatthieu.com/WOW/调用:原创 2017-01-12 15:48:22 · 2347 阅读 · 0 评论 -
owl carousel2 幻灯片/轮播插件
官网:http://www.owlgraphic.com/owlcarousel/ Github地址:https://github.com/OwlCarousel2/OwlCarousel2 中文文档:http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502161387.html 在线示例:http://owlcarousel2.githu原创 2017-01-12 18:19:23 · 7974 阅读 · 0 评论 -
owl.carousel轮播插件实例化一次
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模块</title> <!--owl.carousel.min.css是插件最基本的css,必须引入,如果需要默认的轮播只是按钮的样式,引入owl.theme.default.min.css--> <link rel="style原创 2017-04-05 10:10:25 · 4778 阅读 · 0 评论