在网站开发中经常会用到选项卡功能，为了节省一下写代码时间，封装了一下tab插件，方便调用。来看一下效果： tab-1tab-2tab-3tabs-1-paneltabs-2-paneltabs-3-panelMyUI-tabs创建选项卡组件使用方法： html结构 <divid="tabs"><ul><li><ahref="#tabs-1">tab-1</a></li><li><ahref="#tabs-2">tab-2</a></li><li><ahref="#tabs-3">tab-3</a></li></ul><divid="tabs-1">tabs-1-panel</div><divid="tabs-2">tabs-2-panel</div><divid...
前言开发过程中有时候需要用户在前段上传图片信息，我们通常可以使用form标签设置enctype=”multipart/form-data” 属性上传图片，当我们点击submit按钮的时候，图片信息就会自动的保存在预定义变量$_FILES中，我们在后台就可以通过这个预定义变量得到前台上传的图片信息，除了这种方法还有很多插件可以实现上传图片功能的。jQuery-file-Upload就是其中一种,而且可以实现跨域传输.jQuery-file-Upload介绍jQuery File Upload 是一个...
基础组件：jquery，bootstrap.css，bootstrap.js插件：下拉框bootstrap-select富文本编辑器summernote(jQuery)输入校验bootstrapValidator客户端模板mustache翻页jquery.twbsPagination(jQuery) 页签 tab.js（包含在bootstrap.js里）css<link href="../../Content/bootstrap.css" rel="stylesheet"/><link href="../../Content/bootstrap-theme.css" rel="stylesheet"/><link href="../../Content/bootstrap-select.css" rel="sty...
by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=281今天看完了《JavaScript语言精粹》这本书，还有时间，就决定写写jQuery插件练练手，实现的效果是，鼠标移到缩略图上会显示该图的大图，并且大图跟随鼠标移动；或是移动到提示文字上，也可以显示图片。并且含有方向判别功能，具体来说就是如果缩略图在页面的左半部分，则大图显示在鼠标的右侧，如果缩略图在页面的右半部分，则预...
前面的话 最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。本文将详细介绍validation插件 概述 jQuery Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件...
最近在公司做一个项目，由于后台数据太多需要分页显示，在网上找了很多插件都没有找到合适的分页插件，所有的分页插件始终达不到自己想要的效果。由于这个项目也不是很赶，就在网上查找各种资料，自己写一个基于jquery的分页插件；在接下来的一篇博客中我将详细为大家介绍如何基于jquery书写分页插件，在讲解之前，先给大家介绍一下基于jquery书写插件的相关知识！jquery插件开发主要有三种方法： 1、通过$.extend()方法来拓展j...
编写jquery扩展插件第一步：创建一个js文件第二步：编写有关代码jQuery.fn.extend({ ///这个函数是全部选择所有的元素 check: function() { return this.each(function() { this.checked = true; }); //必须return回一个jquery对象 }, uncheck: function() { return this.each(function() { this.checked = false; }); }}); 第三步：在页面中使用该扩展方法<%@ Page Language="C#" AutoEventWireup...
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4fengyuanchen / cropper Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 Cropper项目地址 ...
jQuery插件 使用插件的步骤1. 引入jQuery文件 2. 引入插件（如果有用到css的话，需要引入css） 3. 使用插件 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件--> <script src="jquery.color.js"></script> <script src="jquery.color.js"></script> <script>$(function () {//3. 直接使用即可。//说明jquery不支持颜色的渐变,颜色最好用16进制$(‘div‘).animate({background...
JQuery极大的提高了我们编写JavaScript的效率，让我们可以愉快的编写代码，做出各种特效。大多数情况下，我们都是使用别人开发的JQuery插件，今天我们就来看看如何把我们常用的功能做出JQuery插件，然后像使用jQuery那样来操作DOM. 一、jQuery插件开发快速上手1、jQuery插件模板关于jQuery插件的编写，我们可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字，其模板如下：(function($){$.fn.myJ...
版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部代码，so...极其蛋疼的事情出现了。管我的人要求不能用网上的插件。oh~~~my god!! 这是多么能让千万仅仅草原上的马儿奔腾的要求~~~先实现一个比較简单的功能：需求：网页遮罩层/弹出层。兼容IE6幸好本屌丝曾经聪明收集了个js的版本号，so。自己改写成了jQuery插件形式的，...
1/**2 * @classDescription 超级Marquee，可做图片导航，图片轮换3 * @author Aken Li(www.kxbd.com)4 * @date 2009-07-275 * @dependence jQuery 1.3.26 * @DOM7 * <div id="marquee">8 * <ul>9 * <li></li>10 * <li></li>11 * </ul>12 * </div>13 * @CSS14 * #marquee {width:200px;height:50px;overflow:hidden;}15 * @Usage16 * $(‘#marquee‘).kxbdSuper...
背景我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏；或者页面素材比较多、比较大，需要一定的加载时间，特别有时候的活动页面，我们一般会把首屏做的更多多样化或者传达比较丰富的氛围的时候，我们的首屏素材上都会比较大，有时候也会给元素加上动画来传达信息，比如我之...
jQuery几个好用的插件：jQuery Validate：jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。下载地址：http://static.runoob.com/download/jquery-validation-1.14.0.z...
插件（Plugin）livequery插件比如如果为页面上的所有div绑定了click事件，那么之后如果再动态创建一个div插入文档后，这个div则不会有click事件，livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件（包括使用Javascript动态插入的元素），type是事件触发方式，x是事件侦听器，y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...