jquery上传图片插件plupload

官方网站:http://plupload.com/ jquery.plupload.queue插件,是上传图片组件很强大的插件.plupload 前端根据浏览器不同选择使用Html5. Gears, Silverlight, Flash, BrowserPlus来对文件进行客户端优化,比如大图片的压缩,大文件分块上传,上传进度条.多文件上传等. 配置文档说明: Browse_button:触发浏览文件按钮标签的唯一id,,在flash.html5.和silverlight中能找到触发事件的源(我…

如何写一个Js上传图片插件。

项目里面需要一个上传图片的插件,找了半天没有找到满意的,算了不找了,自己写一个吧,顺便复习一下js方面的知识.完成之后效果还不错,当然还要继续优化,源码在最后. 介绍一种常见的js插件的写法 ; (function ($, window, document, undefined) { })($, window, document, undefined) 这是一种很常见的写法,先说这个开头的 ; 的作用.防止前面上一段scrpit结束的时候没有分号,执行的时候影响到我们定义的脚本. 然后一个(…

jquery 上传图片转为base64，ajax提交到后台

支持多张图片上传.图片上传数量修改.可以删除 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" /> <title>jquery 图片base64</title> <script type="…

深入学习jQuery自定义插件

原文地址:jQuery自定义插件学习 1.定义插件的方法对象级别的插件扩展,即为jQuery类的实例增加方法, 调用:$(选择器).函数名(参数); $(‘#id’).myPlugin(options); 定义的方式: $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); //或者是 $.fn.函数名 = function(options){ //这里写插件代码 } 类级别的方法,就是扩展jQuery类本身的方法,为它增加…

[jQuery]jQuery DataTables插件自定义Ajax分页实现

前言昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录,且不能修改后端接口. 分析先来分析下分页实现. 一是后端分页:这种情况下,在后端很容易实现,在官网上有示例,不多说明. 二是前端分页:前端分页也是支持的,不…

使用jQuery.form插件，实现完美的表单异步提交

传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS…

为jQuery写插件

很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider. 如下图,做一个div,通过“$( "#slider" ).slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些. 那么,我们也来为jQuery写插件.便于项目中的组件化. 方法是非常简单的,那就写一个测试的demo来作为基础的验证吧. 定义html,假设我们要把test div修改成宽高都是200px,背景色为…

bootstrap-简洁实用的jQuery手风琴插件

前端 <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-s…

Chocolat.js – 响应式的 jQuery Lightbox 插件

Chocolat.js 使您能够显示一个或多个图像在同一页面上.给用户展示一组图片缩略图,可以显示全页或块.Chocolat.js 可以很好地处理所有主要的浏览器.它在下面这些浏览器测试通过:IE7+,火狐,Chrome,Opera 和 Safari 浏览器. 马上去试试您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载]…

让网站动起来！12款优秀的 jQuery 动画插件推荐

如今,大多数设计师和开发人员被要客户要求开发动态的网站.创造视觉震撼和醒目的动态网站是艰巨的任务,因为它需要大量的努力和创造力.在网络上有大量的工具和插件可用于创建网站动画.许多开发人员正在使用 HTML5 和 jQuery 提供的最新功能来创建创建和实现震撼的视觉效果. 如果你正在寻找一款 jQuery 动画插件,使得网站内容更加动感,那么你找对地方了,因为下面是12款优秀的 jQuery 动画插件清单,将帮助你为你的网络项目创建各种动画效果.Enjoy !! 您可能感兴趣的相关文章精心挑选…

一个强大的jquery分页插件

点击这里查看效果这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后缀等进行设置就可以了以下是源代码: <!DOCTYPE html> <html> <head> <title>一个强大的jquery分页插件-柯乐义</title> <script type="text/javascript&quo…

jquery编写插件的方法

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

jQuery倒计时插件

倒计时jQuery插件引言最近又换工作了,还不错,我换工作的次数其实有点频繁,2014年7月份毕业,到现在工作已经换了3份了,工资跟刚毕业时候相比也涨了点儿,最近一次换工作我离开了深圳,来到了北京.去北京之前在深圳拿到了大疆创新的offer,但是又有点不太想去,就来北京找工作了,先后拿了VIP.掌阅.乐视的offer,最后偶然的机会,头脑一发热却去了另一家公司,目前看来当时的决定还不错.作为我来说,我绝对不会"煎熬"着在一家公司去熬什么职位,这他妈都是扯淡,现在不会,以后也不会,好…

基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js

在购物网站中,加入购物车的功能是必须的功能,有的网站在用户点击加入购物车按钮时,就会出现该商品从点击出以抛物线的动画相似加入购物车,这个功能看起来非常炫,对用户体验也有一定的提高.下面介绍基于jquery fly插件实现加入购物车抛物线动画效果.使用jquery.fly插件很方便时实现抛物线动画加入购物车的功能一.插件下载插件官方:https://github.com/amibug/fly 二.载入jQuery库文件和jquery.fly.min.js插件 <script src="j…

jQuery常用插件

jQuery UI插件简介: jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具有很好交互性的web应用程序.所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome. jQuery UI 常用插件: 1.dialog插件 2.tabs插件 3.menu插件 4.autocomplete插件 5…

jquery autocomplete插件

jquery autocomplete插件 https://goodies.pixabay.com/jquery/auto-complete/demo.html autocomplete-table 以表格形式提示: http://vyasrao.github.io/tAutocomplete/…

jquery自定义插件——以选项卡插件为例

一直打算尝试自定义插件,终于付诸实践了,现在把内容发表出来,与大家共勉. 我是根据自己正在用的插件,模仿其源码,实现的自定义插件,完成之后,在网上看相关资料,对自定义插件部分,有了更明确的认识. jquery自定义插件的两种方式: 一.jquery对象级插件--调用方法:$("#id").函数名(参数); (function($){ $.fn.extend({ "函数名":function(自定义参数){ //这里写插件代码 } }); })(jQuery);或者…

我利用网上代码开发的JQuery图片插件

我利用网上代码开发的JQuery图片插件代码如下 (function($){ $.fn.FocusPic = function(options){ var defaults = { intervalTime:1000,//切换时间 divElement:".FocusPic",//div元素 imgElement:".imgList",//图片元素 numElement:".countNum",//数字索引按钮元素 titleElement:&…

noty – jQuery通知插件

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件. 当前最新版本为2.1.0: 从https://github.com/needim/noty 可以获取最新源代码. 布局样式支持的提示样式,每种样式都有预定义好的css样式: alert: 默认的提示样式 success: 成功 error: 错误 warning: 警告 information: 信息支持的布局位置: top: 顶部,长条状 topLeft/topCenter/top…

Jquery相册插件（开源下载）

一,导言上次 “不定义JQuery插件,不要说会JQuery” 的博客写的肤浅,漏洞百出,而且最重要的是从理论上说如何定义一个jQuery插件,没有实质性的写一个jQuery插件出来,这未免是纸上谈兵.在两周前我就琢磨着写一个什么插件,最后决定写一个jQuery相册插件比较合适,jQuery相册插件虽然在google上一搜,能搜索出成百上千的产品,比如下边列表中谈到的: 60+ Useful jQuery Image Slider Roundup 100+ Free jQuery Image…

S Gallery – 很有特色的响应式 jQuery 相册插件

S Gallery 是一款响应式的 jQuery 相册插件.使用了 HTML5 全屏 API 以及 CSS3 动画和 CSS3 转换,所以只能在支持这些功能的浏览器中使用. 这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上. 您可能感兴趣的相关文章 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Pop Easy – 轻松实现模态窗口的 jQuery 插件 Web 开发人员必…

FancyBox - 经典的 jQuery Lightbox 插件

FancyBox 是一款非常优秀的弹窗插件,能够为图片.HTML 内容和其它任务的多媒体内容提供优雅的弹出缩放效果.作为是最流行的 Lightbox 插件之一,可以通过 fitToView 实现自适应功能.主要特色: ✓ 能够显示图片.HTML 元素.SWF 影片.iframe 框架和 Ajax 请求的内容 ✓ 可以通过配置和 CSS 自定义外观和功能 ✓ 一组内容可以实现导航 ✓ 支持滚动事件驱动浏览 ✓ 在放大项目下方有漂亮的投影效果演示插件下载您可能感兴趣的相关文章…

SlidesJS - 老牌的响应式 jQuery 幻灯片插件

SlidesJS 是一款老牌的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件.支持循环.自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果. 插件下载效果演示使用示例: <!doctype html> <head> <style> /* Prevents slides from flashing */ #slides { display:none; } </style>…

Select-or-Die：灵活的 jQuery 下拉列表插件

Select-or-Die 是一个 jQuery 插件,用来自定义下拉列表(Select)元素.原生的下拉选择元素在各个浏览器的默认样式差异很多,而且自定义样式很困难,因此 Web 开发人员喜欢使用插件来模拟下拉选择功能.这款插件可以给多多一个选择,可以试试. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[附源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12款经典的白富美型 jQuery 图片轮播插件让网站动起来!12款优秀的 jQuery 动画插件精心挑选的美…

Skippr – 轻量、快速的 jQuery 幻灯片插件

Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口宽度,而且导航是独特的条形导航. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载] 源码下…

Velocity – 另外一款加速的 jQuery 动画插件

Velocity 是一款 jQuery 插件,重新实现了 $.animate() 方法,提供更高的性能(比 CSS 动画还更快),同时包括一些新的功能,以改进动画工作流程.Velocity 除了包括所有 $.animate() 的功能外,同时也包装了颜色的动画,转换,滚动等动画效果. 您可能感兴趣的相关文章创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果超赞!基于 Bootstrap 的响应式的后台…

Perfect Scrollbar – 完美的 jQuery 滚动条插件

Perfect Scrollbar 是一个很小的,但完美的 jQuery 滚动插件.滚动条不会影响原来的设计布局,滚动条的设计是完全可定制的.你可以改变几乎所有的 CSS 样式的滚动条,滚动条设计对脚本没有依赖性. 您可能感兴趣的相关文章创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果 Magic CSS3 – 帮助你实现神奇的交互动画效果超赞!基于 Bootstrap 的响应式的后台管理模板立即…

Slick – 这是你需要的最后一款 jQuery 传送带插件

slick 是一款完全响应式的 jQuery 传送带插件,能够根据容器自动适应宽度.在现代浏览器中会使用 CSS3 来实现特殊效果,可以使用扩展方法对项目进行添加.删除和过滤.这是你需要的最后一款 jQuery 传送带插件,赶紧收藏吧. 您可能感兴趣的相关文章 HTML Inspector – 帮助你编写高质量 HTML 代码 jQuery Unveil – 另一款非常轻量的延迟加载插件 Selectize – 用于标签和下拉列表功能的选择控件 ScrollUp – 超轻量可定制的回到顶部 jQ…

sDashboard：简单的，轻量级的 jQuery 仪表板插件

sDashboard 是一个轻量的仪表板 jQuery 插件,转换一个对象数组到仪表板.数组中的每个对象将被呈现为一个仪表板组件,可以通过左右拖动重新排列. sDashboards 内置渲染 DataTable 和 flotr2 图表支持.它还具有支持侦听表格行点击,图表数据点击和内置数据选择事件. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI 风格 Bootstrap 主题推荐3…