zl程序教程

jQuery 插件

  • (VUE!jQuery!插件!)盘点前端群的无脑回答

    (VUE!jQuery!插件!)盘点前端群的无脑回答

    0.前言你是不是在前端群见过很多这种前景:这个怎么做?怎么拿到这些数据?怎么更新整个列表?回答:循环啊!遍历啊!用一个数组保存,遍历!jQuery!vue!然后有一些稍微高级的:我想快一点的解决方法。我想用性能好一点的方法。回答:递归啊!开个新的数组保存中间变量,再遍历!document.querySelectorAll获取全部,缓存一下长度、所有的元素,遍历!快排,小的放左边大的放右边,递归!然

    日期 2023-06-12 10:48:40     
  • jQuery——插件

    jQuery——插件

    1.首先jQuery是什么呢?        简单来说:“jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScr

    日期 2023-06-12 10:48:40     
  • html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」

    html中表单的校验的插件,jquery表单验证插件validationEngine「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 插件的特色:封装强悍、例子充足(基本都验证类型都被囊括)、调用轻便注意事项:1.演示版本为 v2.2.4;2.v2.0 以下的版本参数并不完全通用;对 validationEngine.jquery.css 文件进行修改,修改如下:1.提示内容字体改为宋体;2.去除中各浏览器的私有属性(各浏览器已经支持圆角和阴影,不再需要加私有属性)。对 jquery.

    日期 2023-06-12 10:48:40     
  • JQuery.validationEngine表单验证插件

    JQuery.validationEngine表单验证插件

    大家好,又见面了,我是你们的朋友全栈君。一、说明JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式:1.字符类型:非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母2.数字类型:数字、整数、最大值、最小值3.日期类型:日期(yyyy-MM-dd/ yyyy/MM/dd等)、日期+时间、最小日期、最大日期、日期时间段4.业务字段:url、email

    日期 2023-06-12 10:48:40     
  • JQuery扩展插件--提示信息

    JQuery扩展插件--提示信息

    学校做项目顺便写的,还是有点用的。/*** * JQuery扩展插件--提示信息 * * 本函数用于创建提示信息 * * Example * <code> * var t = $.noticeMessage(msg, a, b); * </code> * * * function noticeMessage([msg, a,b]) * @P

    日期 2023-06-12 10:48:40     
  • 轻量级的 jQuery  模拟弹出窗插件:Pop Easy

    轻量级的 jQuery 模拟弹出窗插件:Pop Easy

    Pop Easy 介绍Pop Easy 是一个用于快速创建模拟弹出窗(modals windows)的 jQuery 插件,这个 jQuery 插件非常轻量级,只有 2kb 大小,但是可以支持显示各种类型的 HTML 元素,以及视频。Pop Easy 的默认的模板已经非常不错,可以直接拿来使用,当然也可以通过 CSS 完全自己定制,另外这个插件还有非常多选项可以用来定制弹出窗的动态,比如速度,透明

    日期 2023-06-12 10:48:40     
  • 实现单页浮动导航效果的 jQuery 插件:Smint

    实现单页浮动导航效果的 jQuery 插件:Smint

    Sminti 介绍现在的网页设计中,浮动导航菜单被广泛应用了,通过它,可以可以快速移动到菜单,Smint 就是这样一个简单的 jQuery 插件,可以将导航菜单浮动在页面的顶部,点击菜单快速滚动到达页面的位置,并且能够设置滚动的速度。Sminti 使用1. 首先创建一个 div,并且给它设置一个 class,这里我们设置为:subMenu。2. 在这个 div 内部,输入各个链接的 A 标签,并且

    日期 2023-06-12 10:48:40     
  • App-Folders:一个模拟 iOS 文件夹效果的 jQuery 插件

    App-Folders:一个模拟 iOS 文件夹效果的 jQuery 插件

    App-Folders 介绍App-Folders 是一个可以模拟 iOS 文件夹操作的 jQuery 插件,点击文件夹,将周围的元素虚化(通过加深透明度实现),然后显示文件夹中的内容,并且这个插件可以同时在桌面和移动设备上浏览器上工作,适配性非常好。App-Folders 的文件夹元素中可以包含任何 HTML 元素,包括图片,文本,视频等等,并且每个文件夹都可以有自己的 URL 实现直接点击。虽

    日期 2023-06-12 10:48:40     
  • jQuery 图片放大镜效果插件:jQZoom

    jQuery 图片放大镜效果插件:jQZoom

    在一些产品演示网站,常常需要这样的效果,把鼠标移到小图的上面,旁边出现这这部分的放大效果,通过这种方式让用户能够详细了解产品的细节。jQZoom 就是这样的一个 jQuery 插件,它能够让你网站的图片实现放大镜效果,把鼠标移到小图上,旁边出现大图的局部放大的部分,如下演示:jQZoom 演示RSS 用户需要返回页面才能看到效果。jQZoom 使用说明 下面介绍下简单使用:1. 加载 jqzoom

    日期 2023-06-12 10:48:40     
  • 生成二维码的 jQuery 插件:jquery.qrcode.js

    生成二维码的 jQuery 插件:jquery.qrcode.js

    jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。jquery.qrcode.js 使用1. 加载 jQuery 和 jquery.qrcode.js:<scr

    日期 2023-06-12 10:48:40     
  • 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解

    缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解

    Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。Lazy Lo

    日期 2023-06-12 10:48:40     
  • 延迟加载图片的 jQuery 插件:Lazy Load

    延迟加载图片的 jQuery 插件:Lazy Load

    网站的速度非常重要,现在有很多网站优化的工具,如 Google 的 Page Speed,Yahoo 的 YSlow,对于网页图片,Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩,但是对于图片非常多的网站,载入网页还是需要比较长的时间,这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片。Lazy loader 是一个延迟加载图片的 jQuery 插件

    日期 2023-06-12 10:48:40     
  • jQuery Verbose Calendar:显示整年的 jQuery 日历插件

    jQuery Verbose Calendar:显示整年的 jQuery 日历插件

    jQuery Verbose Calendar 是一个可以把整年的日历显示在一个页面上的 jQuery 插件,加载之后,它会自动滚到今天的日期处,当你鼠标移动到日期上,可以显示今天星期几。并且这个日历插件支持 Callback 函数,当你点击某个日期的时候,你可以执行一些自定义行为,或者插入任意的 HTML 元素。因为整年的日期都显示在一个页面上,所以这个日历用来分享事件和任务会非常方便。jQue

    日期 2023-06-12 10:48:40     
  • 最简单的jquery模拟alert的弹窗插件详解编程语言

    最简单的jquery模拟alert的弹窗插件详解编程语言

    var args=arguments; if(args.length (typeof args[0] == string) !$(#alert_overlay).length){ if(!$(#alert_style).length) $(body).append( style id="alert_style" type="text/css" #alert_overlay{positi

    日期 2023-06-12 10:48:40     
  • jQuery自定义内容滚动条插件详解编程语言

    jQuery自定义内容滚动条插件详解编程语言

    使用方法: 首先下载插件:http://manos.malihu.gr/jquery-custom-content-scroller/ 一、HTML 引入以下文件 link rel= stylesheet  href= /jquery.mCustomScrollbar.css  /   script type= text/javasc

    日期 2023-06-12 10:48:40     
  • jQuery可调整表和列宽插件-colResizable详解编程语言

    jQuery可调整表和列宽插件-colResizable详解编程语言

    script src="js/jquery-1.8.0.min.js" type="text/javascript" /script script src="js/colResizable-1.6.js" type="text/javascript" /script TABLE table thead th 栏目类型 /th th 活动名称 /th th 状

    日期 2023-06-12 10:48:40     
  • jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言

    jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器请求负担.   La

    日期 2023-06-12 10:48:40     
  • jquery的颜色选择插件实例代码

    jquery的颜色选择插件实例代码

    复制代码代码如下:(function($){$.fn.extend({selectColor:function(){var_d=newDate();var_tem=_d.getTime();returnthis.each(function(){varshowColor=function(_obj){var_left=parseInt($(_obj).offset().left);var_top=

    日期 2023-06-12 10:48:40     
  • jquery插件开发方法小结

    jquery插件开发方法小结

    jQuery为开发插件提拱了两个方法,分别是:jQuery.fn.extend(object);jQuery.extend(object);jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn是什么东西呢。查看jQuery代码,就不难发现。复制代码代码如下:jQuery.fn=j

    日期 2023-06-12 10:48:40     
  • jquery输入框数字限制插件

    jquery输入框数字限制插件

    直接看代码:复制代码代码如下:(function($){varkeyCode={BACKSPACE:8,CAPS_LOCK:20,COMMA:188,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,//NUMPAD_ADD:107,//NUMPAD_DECIMAL:110,//NUM

    日期 2023-06-12 10:48:40     
  • Jquery操作Select简单方便一个js插件搞定

    Jquery操作Select简单方便一个js插件搞定

    这里是js的代码:复制代码代码如下:jQuery.fn.size=function(){returnjQuery(this).get(0).options.length;}//获得选中项的索引jQuery.fn.getSelectedIndex=function(){returnjQuery(this).get(0).selectedIndex;}//获得当前选中项的文本jQuery.fn.ge

    日期 2023-06-12 10:48:40     
  • 海量经典的jQuery插件集合

    海量经典的jQuery插件集合

    海量的jQuery插件帖,很经典,不知道什么时候开始流传,很早以前就收藏过,为了工作方便还是发了一份放在日志里面。 其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们。 猫嗔提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐u

    日期 2023-06-12 10:48:40     
  • jquery.lazyload实现图片延迟加载jquery插件

    jquery.lazyload实现图片延迟加载jquery插件

    什么是ImageLazyLoad技术在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery插件,插件名:jquery.lazyload(

    日期 2023-06-12 10:48:40     
  • 经典海量jQuery插件大家可以收藏一下

    经典海量jQuery插件大家可以收藏一下

    其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们。提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐utf-8。jQuery插件-文件上传(Fileupload)AjaxFileUpload.jQUploader.Multip

    日期 2023-06-12 10:48:40     
  • jqueryvalidation插件表单验证的一个例子

    jqueryvalidation插件表单验证的一个例子

    messages_cn.js<!--验证国际化,中文-->(不引用messages_cn.js是英文的提示,用了是中文)复制代码代码如下:required:"Thisfieldisrequired.",remote:"Pleasefixthisfield.",email:"Pleaseenteravalidemailaddress.",url:"PleaseenteravalidUR

    日期 2023-06-12 10:48:40     
  • JQuery的Validation插件中Remote验证的中文问题

    JQuery的Validation插件中Remote验证的中文问题

    根据上次的经验,我将复制代码代码如下:contentType:"application/x-www-form-urlencoded;charset=utf-8",加入到ajax请求的参数中,结果这次居然不起作用了。多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。在remote的代码中,我发现:复制代码代码如下:...vardata={};dat

    日期 2023-06-12 10:48:40     
  • jQuery获取地址栏参数插件(模仿C#)

    jQuery获取地址栏参数插件(模仿C#)

    复制代码代码如下:$.request=(function(){varapiMap={};functionrequest(queryStr){varapi={};if(apiMap[queryStr]){returnapiMap[queryStr];}api.queryString=(function(){varurlParams={};vare,d=function(s){returndecod

    日期 2023-06-12 10:48:40     
  • jquery中实现简单的tabs插件功能的代码

    jquery中实现简单的tabs插件功能的代码

    言归正传,以下是全文。 先附上两张最简单的效果图。 首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 <ul><li><ahref="#first">海阔天空</a></li><li><ahref="#second">光辉岁月</a></li><li>

    日期 2023-06-12 10:48:40     
  • 基于jquery的合并table相同单元格的插件(精简版)

    基于jquery的合并table相同单元格的插件(精简版)

    效果如下 原表格: col0 col1 col2 col3 SuZhou 11111 22222 SuZhouCity SuZhou 33333 44444 SuZhouCity SuZhou 55555 66666 SuZhouCity ShangHai 77777 88888 ShangHaiCity ShangHai uuuuu hhhhh ShangHaiCity S

    日期 2023-06-12 10:48:40     
  • 基于jquery的动态创建表格的插件

    基于jquery的动态创建表格的插件

    废话少说直接进入主题,表格功能:1、添加2、删除3、获取值4、动态填充数据5、动态设置焦点6、键盘左右上下键控制单元格焦点7、单元格添加正则验证功能WebForm4.aspx复制代码代码如下:<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="WebForm4.aspx.cs"Inherits="table.WebForm4"%>

    日期 2023-06-12 10:48:40     
  • 提升你网站水平的jQuery插件集合推荐

    提升你网站水平的jQuery插件集合推荐

    看看这些非常棒的jQuery插件吧,我相信你会发现一些很有用的东西。 lsotope Isotope是一款精致的jQuery插件,用于创建单纯用CSS无法实现的智能的、动态的布局,非常强大。 lettering Lettering是一款用于实现激进的网页排版的jQuery插件,可以帮助你在网站中加入丰富多彩的文字效果。jQuery.spritely jQuery.spritely是一款简单、

    日期 2023-06-12 10:48:40