一：前言 最近在使用jquery的控件，其实以前也写但是突然之间遇到了需要从弹出窗口传值到父窗口，突然觉得这种传值的方式其实也是需要javascript的基础的，但是我自己还没有去真正的做过，所以还是先记载下吧。二：内容 先说说有关lhgdialog.js和lhgcore.lhgdialog.min.js、lhgdialog.min.js lhgdialog.min.js：是lhgdialog.js的压缩版，所谓压缩版就是将javascript的代码进行去空格、换行、去注解、简化不...
主页：http://deepliquid.com/content/Jcrop.html官方下载地址：http://deepliquid.com/content/Jcrop_Download.html下载包中除了 CSS 文件夹和 js 文件夹外还提供了几款 demo：1. non-image.html 不包含图像的任意 div 的剪裁方式：2.styling.html提供了 3 种可以选择的遮罩色、透明度和选区边框样式 jcrop-light ( bgcolor:#fff opacity:0.5 ) , jcrop-dark ( bgcolor:#000 opacity:0.4 ) , normal ( bgcolor:#000 opacity:0.6 )...
ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在内的几乎所有的浏览器，在IE6中还支持最大宽度属性，但在其它浏览器中并不原生支持。你需要做的只是链接jquery并且把图片裁剪为相同大小。工具/原料 笔记本电脑或是台式机互联网ResponsiveSlides方法/步骤 1在github上下载ResponsiveSlides.js，如下图所示。2解压ResponsiveSlides.js-maste...
目录基于jquery的提示框JavaScript 插件，类Bootstrap基于jquery的提示框JavaScript 插件，类Bootstrap源码github地址：https://github.com/Ethan-Xie/message实例通过此此插件可以为提示栏添加自动/点击消失的功能用法需引入message.css与message.js <link rel="stylesheet" href="message.css"><script src="Message.js"></script>为元素加上onclick="$.fn.msg(‘msg‘, { text: ‘警告消息‘, type: ‘warning‘, position: ‘...
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。属前端开发人员居家旅行必备！官网地址：http://jqueryvalidation.org/，所需插件大家可以去其官网下载。本教程提供一个简单、一目了然的的实例，本文只做记录用。详细教程参考：jQuery Validate 菜鸟教程 步骤一：引入所需js文件，包括jQuery，只需这2个！ 步骤二：将需要验证的元素用form表单...
lazyload.js是一个基于JQuery的插件，可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy Load 插件原理修改目标img元素的src属性为orginal...
jQuery 表格插件可以让你创建各种各样的表格布局，表格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery 的表格插件，你可以任意控制表格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。1. Gridify Gridify 是轻量级的 jQuery 插件，用来创建一个类似 Pinterest 图片加载网格插件。支持图像加载事件，支持窗口缩放事件，支持...
基于jQuery的对select操作的插件有不少，jQuery插件selectList可以用于替换标准的HTML 多选 select 标签，它提供一个漂亮并且更加友好的界面，在IE和非IE内核浏览器上表现基本一致，除了IE6下重复项不能变成灰色的，当然功能表现都是一致的。当用户从下拉列表中选一个项目时，被选中的项目将在控件下方显示，而且还可以删除，被选中的项目不能重复选择。插件用于需要多项选择的地方还是不错的，当然如果select能够美化下会更好了，...
1、jQuery/CSS3实现Android Dock菜单效果这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分青睐jQuery框架。在线演示源码下载2、CSS3彩色进度条 按百分比显示不同颜色这是一款很不错的CSS3进度条应用，这款CSS3进度条和普通的不一样，它可以根据不同的百分比来显示当前进度的颜色，很像游戏中...
Smartjax是一款可以将ajax请求的内容进行智能缓存的jQuery插件。Smartjax.ajax()可以将ajax的回调内容缓存在浏览器中，再次进行相同url的ajax调用时，不会在向服务器发送请求，而是读取本地的缓存。 Smartjax的特点有：Smartjax.js是一个轻量级的插件。Smartjax的语法和原生jQuery $.ajax()的语法十分相似，你只需要注意一些额外的参数即可。减少服务器端的http请求可以大大提升你的网站性能。在线演示：http://www.htmleaf.com/De...
方式1：$.fn.extend(object)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法扩展</title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //定义jquery的对象插件 $.fn.extend({ //定义了一个checkFn方法，所有的jq对象都可以使用该方法 check:function(){ ...
一.HTML代码：<div class="demo"><div id="box"><div id="small-box"><div id="float-box"></div><img src="../images/bimg_big.jpg"/></div><div id="big-box"><img src="../images/bimg_big.jpg"/></div></div></div>在div demo中存放两个div,其中small-box用来存放小图片和放大镜区域，big-box用来存放大图片。而放大图片的原理就是以小图片上的放大镜的位置，来定位大图片的移动和显示部分区域，来达到放大的效果。二.js代码1....
FSVS（Full Screen Vertical Scroller）是一款jQuery和CSS3带过渡效果的全屏垂直翻页特效插件。该全屏翻页插件在页面上下滚动时一次翻一屏，并带有CSS3过渡动画效果。该jquery翻页插件的效果和OnePageScroll.js类似，但使用上要简单得多。在线演示：http://www.htmleaf.com/Demo/201503021447.html下载地址：http://www.htmleaf.com/jQuery/Layout-Interface/201503021446.html原文：http://blog.csdn.net/souhugirl/article/detai...
把选项卡整合了一下，写成个插件，这样可以整个站，或整个页面有多个选项卡时，统一调用。代码的具体注意事项已经写进注释了。用于js获取元素的class名称必须有，选项卡本身的样式，另再取一个名字来设置（本人不大喜欢用id，一般写js代码也用class名称来获取元素）。这样也在一定意义上实现了行为和样式的分离。 html：<!--第一个选项卡--><div class="js_tab box1"> <h2 class="jsTab_title"><span>标题11</span><span>...
今天在jsp中使用jquery.form.js插件，遇到一个奇怪的地方（第一种引用方式会导致js解析错误），浪费了好多时间，特记录一下待以后研究。/*! * jQuery Form Plugin * version: 3.31.0-2013.03.22 * @requires jQuery v1.5 or later*/1. 会引起错误的引用方式：<script type="text/javascript" src="/cont-inspec/scripts/jquery.form.js" />2. 正确的引用方式：<script type="text/javascript" src="/cont-inspec/scripts/jquer...