【jQuery.touchswipe插件】教程文章相关的互联网学习教程文章

jquery插件集

自定义滚动条jquery-custom-scrollbar放大镜 fancybox,lightbox,jquery zoom原文:http://www.cnblogs.com/toward-the-sun/p/5583350.html

jquery插件anccordion【代码】

1 (function(){2 $.fn.YAccordion=function(options){3 4var settings={5 trigger:‘click‘,6 speed:300,7 };8 9if(options) 10 $.extend(settings,options); 1112returnthis.each(function(){ 13 $("p",this).bind(settings.trigger,function(){ 14 $(this).next("ul").slideToggle(settings.speed).siblings("ul").hide(); 15 }); 16 ...

解决vue与传统jquery插件冲突

比如基于jquery的select2插件,在vue下单独用有很多问题,其实对于这类插件,可以用vue的自定义指令和组件来包装,解决冲突的问题。引用官方vue1.0和2.0的两个例子,学习一下。例子1.0 例子2.0原文:http://www.cnblogs.com/zhansu/p/6112837.html

[jQueryUI] - Chosen:select下拉选择框美化插件及问题【转】【图】

hosen 是一个支持jquery的select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。不仅如此,它更扩展了select,增加了自动筛选的功能。它可对列表进行分组,同时也可禁用某些选择项。先来看下插件的效果: 跟这个比起来,原来的select样式是不是弱爆了!马上来武装我们的select吧:1、先把js和css文件引用到网页里面去:?123<link href="js/jqueryUI/chosen/chosen.css" type="text/css" rel="stylesheet" /...

jquery 滚动条插件 可以自定义【代码】

以后用起来就方便了把css文件引入<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css"> js引入<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script> <div class="mscroll"> 这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊这里放内容啊啊啊啊。。。。。 </div> <script type="text/javascript"> $(function(){$(".mscroll").mCustomScrollbar({scrollI...

JQuery和javascript优秀插件收集

JQuery插件库: http://plugins.jquery.com/有趣的时钟: http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html别人收集信息8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html15款最好的 jQuery 网格布局插件(Grid Plugins) http://www.cnblogs.com/lhb25/p/15-jquery-grid-plugins.html2013年优秀jQuery插件 http://www.cnblogs.com/fe...

jquery编写插件的方法【代码】【图】

版权声明:作者原创,转载请注明出处!编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%)类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间类级别开发插件(用的非常少,1%) 分别举例://1.直接给jquer添加全局函数 jQuery.myAlert=function (str) {alert(str); };//2.用extend()方法。extend是jquery提供的一个方法,把多个对象合并起来,参数是ob...

jQuery插件开发——全屏切换插件【代码】

这个插件包含三个部分:HTML结构、CSS代码和JS代码。HTML结构是固定的,结构如下: 1<!--全屏滚动--> 2<div class="fullpage-container"> 3<div class="fullpage-pagebox"> 4<div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5<div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6<div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7<div id="fullpag...

jquery表格隔行变色插件【代码】

//插件代码;(function($){$.fn.extend({"alterBgColor":function(options){options = $.extend({"odd":"odd",//偶数行的class"even":"even",//奇数行class"selected":"selected"//被点击行class},options);//传入的class参数替换默认的class设置 console.info(options)$("tbody tr:odd").addClass(options.odd);//偶数行设置class$("tbody tr:even").addClass(options.even);//奇数行设置class$("tbody tr").click(func...

开发jquery插件小结【代码】

用jquery开发插件其实很简单。今天实现了一个入门级别的功能。 随便来个DIV,便于理解。 div{height:100px;width:100px;display:block;background:#f00;border-radius:50%;text-align:center;}这个玩意的功能也很常见,CSS3的旋转,鼠标放上去他能转,度数,速度都是参数。坦白将这个项目没多大卵用,CSS hover就能实现,虽然多了会写的麻烦,毕竟练手项目,第一个插件,不能要求太高。上代码: 1 <script type="text/javascri...

jquery validate 验证插件 解决多个相同的Name 只验证第一个的方案

方案一:如果 项目里不是只是个别页面 有多个name 验证,那么利用 prototype 来写,把这段代码加在你所要使用多个name的页面 的js初始化里 即可 if ($.validator) { $.validator.prototype.elements = function () { var validator = this, rulesCache = {}; // select all valid inputs inside the form (no submit or reset buttons) return $(this....

【jq】插件—缓存jquery.cookie.js

jquery.cookie.js插件 轻量级cookie管理1°下载地址:http://plugins.jquery.com/cookie/2°引入方式:(基于jquery) <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> 3°调用方式: 1)//新增cookie: $.cookie(‘cookieName‘, ‘cookieValue‘); 注:如果没有设置cookie的有效期,则cookie默认在浏览器关闭前都有效...

基于Jquery的音乐播放器进度条插件【代码】【图】

自己基于豆瓣FM的ui仿写qq音乐时,基于Jquery手写的进度条插件,效果图如下:  主要特色:    ① 可自适应挂载元素的宽度,也可以自己设置进度条宽度;    ② 支持部分默认参数修改(具体见使用说明);    ③ 允许最大时间为23:59:59,高于此值将默认修改为此值;    ④ 可以自己控制进度条动画的开关及重置;    ⑤ 可以获取进度条当前时间和宽度,与H5的audio标签协调使用。  使用说明:/** 功能描述:...

第七章(插件的使用和写法)(7.2 jQuery 表单插件 ----- Form)

7.2 jQuery 表单插件 ----- Form7.2.1 Form 插件简介jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地、无侵入地升级 HTML 表单以支持 Ajax。jQuery Form 有两个核心方法----- ajaxForm() 和 ajaxSubmit() 。它们集合了从控制表单元素到决定如何管理提交进程的功能,另外,插件还包括其他一些方法: formToArray() / formSerialize() / fieldSerialize() / clearForm() / clearFields() 和 resetForm() 等等。原文:h...

学写jQuery插件开发方法

jQuery如此流行,各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢?如果你的答案是肯定的,那么来吧!和我一起学写jQuery插件吧! 很多公司的前端设计开发人员都是女孩子,而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中,JavaScript技能又是必不可少的。所以,如果前端小MM正在为某个JavaScript效果发愁的时候,你潇洒的过去,然后对她说:“嗨,美女,用这个吧。这是我写...

插件 - 相关标签