GraphUp jQuery plugin - 15美元 Graphup是一中非常轻量级的灵活的jQuery(v1.4+)插件用来美化你的数据表。它能够使用颜色，柱状图及其气饱来有效的展现你的数据。 支持众多选项 - 选择数据清除器和一个油漆工具：填充，柱状，气饱图；配置小数点（支持句号或者逗号）；定制颜色表及其CSS类；更多其他 轻量级 - 整个插件只有4kb 可扩展 - 你可以很容易的创建你自己的清除器和油漆工具或者颜色表。而且，拥有一个callback来执行上色前...
本文实例为大家分享了基于jQuery实现点击小图显示大图效果，供大家参考，具体内容如下 显示以下效果：点击任意一张图片会显示大图：1、前台界面#mydiv ul{ list-style-type:none;}#mydiv ul li{ display:inline;}#mydiv{ width:500px; border:solid 1px #444; background-color:#333;} $(function () {//var settings = { containerResizeSpeed: 3000 };$('#mydiv ul a').lightBox({ containerResizeSpeed: 1000 });})2、后台代码u...
先了解了解Uploadify，具体内容如下Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件，Uploadify使用简单，并具有高度的定制性。 Uploadify特性：Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下： 1）、支持单文件或多文件上传，可控制并发上传的文件数 2）、在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java…… 3）、通过参数可配置上传文件类型及大小限制 4）、通过参数可配置是...
本文实例讲述了JavaScript实现的自动生成 年月范围 选择功能。分享给大家供大家参考，具体如下： 近日做项目涉及到日期选择，为了用户界面友好，于是加入了一年内的年月段的查询功能，先看效果会自动判断当前年份 以下为html代码 其中用到了 Jquery 和 struts 标签 但是这两个都不是重要的 主要书 用于赋值 和 取值方便 还用到了 WdatePicker 插件进行具体日期选择 <%@ page language="java" import="java.util.*" pageEncoding="U...
本文实例讲述了jquery插件开发模式。分享给大家供大家参考，具体如下： jquery插件一般有三种开发方式： 通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建第一种$.extend()相对简单，一般很少能够独立开发复杂插件，第三种是一种高级的开发模式，本文也不做介绍。第二种则是一般插件开发用到的方式，本文着重讲讲第二种。 插件开发 第二种插件开发方式一般是如下定义 $.fn....
本文实例讲述了jQuery插件实现tab栏切换功能。分享给大家供大家参考，具体如下： 效果:核心代码:自己写了一个方法,需要用的时候直接调用就可以了. 方法如下: (function ($) {//给$的fn添加方法$.fn.tabs=function ( options ) {/* {tabHeads:tab-menu>li,tabHeadsClass:active,tabBodys:tab-main>div,tabBodysClass:selected}*//*** @param options 对象* @param options.tabHeads:上面的li标签* @param options.tabHeadsClass:l...
本文实例讲述了jQuery插件实现的日历功能。分享给大家供大家参考，具体如下： 先来看看运行效果：具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.gxlcms.com jQuery日历插件</title> <!--引...
本文实例讲述了jQuery插件实现弹性运动的方法。分享给大家供大家参考，具体如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.gxlcms.com jQuery弹性运动</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script> // JavaScript Document (function($){$.fn.moveTx=function(json){var i=0;for(i=0;i<this.length;i++)//重要{startMove(this[i],json);}function getSt...
本文为大家分享了jQuery插件Validation表单验证的具体实现代码，供大家参考，具体内容如下功能 1.对”姓名“的必填和长度至少是两位的验证。 2.对“电子邮件”的必填和是否为E-mail格式的验证。 3.对“网址”是否为url的验证。 4.对”你的评论“是否必填验证。结果图例子 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>快速上手</title> <script type="text/javascript" src="...
本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码，供大家参考，具体内容如下 项目中要展示json数据，自己写一套html来展示太麻烦，可以使用jquery的插件jsonview来解决这个问题。 首先，去jquery官网下载最新的jsonview插件，放在js目录中，下载地址。 其次，在html中加入以下代码： <div class="col-lg-6"> <section class="panel" style="height:600px"> <header class="panel-heading"> JSON数据 </header> <div...
客户需求要一个具备树结构、带复选框的下拉选择控件；在网上找到了select2、autocomplete都不满足要求。于是自己用ztree加bootstrap dropdown组合开发了一个下拉树选择控件。决定用webpack打包，开发一个完整的jquery控件，顺便系统的学习一下webpack。 目录结构：package.json配置： {"name": "select-tree","version": "0.0.1","description": "下拉树形选择，带复选框","license": "MIT","author": "kaikai","repository": "htt...
本文实例讲述了jQuery插件artDialog.js使用与关闭方法。分享给大家供大家参考，具体如下： 子窗口关闭artdialog终极解决方案： window.parent.window.art.dialog({ id: qin123 }).close();<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>art</title><l...
?介绍Viewport 是一个简单的jQuery插件，为元素添加自定义伪选择器和处理程序，以便在可视窗口内外进行简单的元素检测。 使用方法<script src="jquery.js" type="text/javascript"></script> <script src="jquery.viewport.js" type="text/javascript"></script> 方法$( ":in-viewport" ); $( ":above-the-viewport" ); $( ":below-the-viewport" ); $( ":left-of-viewport" ); $( ":right-of-viewport" ); $( ":partly-above-the-...
在jquery中，插件开发常见的有: 一种是为$函数本身扩展一个方法，这种是静态扩展(也叫类扩展)，这种插件一般是工具方法, 还有一种是扩展在原型对象$.fn上面的，开发出来的插件是用在dom元素上面的 一、类级别的扩展 $.showMsg = function(){alert(hello,welcome to study jquery plugin dev);}// $.showMsg(); 注意要提前引入jquery库， 上例在$函数上面添加了一个方法showMsg，那么就可以用$.showMsg()调用了 $.showName = functi...
写Blog目的：不是为人气，只是留份笔记；啰嗦不要紧，只怕有遗漏，以后想不起来。 官网：https://datatables.net/ 中文官网：http://datatables.club/ 开发环境：Python 3.6.0、Anaconda 4.3.1、Django、JetBrains PyCharm 2017.1.5 按我项目的开发过程简单整理。 1、第一版本，无分页。 在此之前有用到过DataTables（更多的是easyui中的Datagrid，另之前服务端是PHP），因此想着前端/客户端差异不大，服务端反正都是按规范格式返...