把选项卡整合了一下，写成个插件，这样可以整个站，或整个页面有多个选项卡时，统一调用。代码的具体注意事项已经写进注释了。用于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...
一、jQuery TE简介官方页面项目Demo官方文档jQuery TE是一款轻量级的jQuery的网页编辑器插件，压缩后只有19.5KB，兼容性非常好的所见即所得的文本编辑器。经过测试，兼容IE6。而且，你可以自定义它的样式，写一些css，不仅仅是textarea，你可以将多种标签变成一个编辑器，比如span，或者p等。兼容性：IE6+、chrome、Firefox、Opera、Safari、Yandex Browser等二、如何使用1、引入文件这里方便使用，引入的为CDN地址，你也可以去官网...
http://www.imooc.com/code/3403如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。 基于插件接口设计的好处也是颇多的，其中一个最重要的好处是把扩展的功能从主体框架中剥离出去，降低了...
TouchSwipe一款专门为移动设备设计的jquery插件，用于监听单个和多个手指触摸等事件。一、特点：1、监听滑动的4个方向：上、下、左、右；2、监听多个手指收缩还是外张；3、支持单手指或双手指触摸事件；4、支持单击事件touchSwipe对象和它的子对象；5、可定义临界值和最大时间来判断手势的实际滑动；6、滑动事件有4个触发点：“开始”,“移动”,“结束”和“取消”；7、结束事件可以在触摸释放或是达到临界值时触发；8、允许手指刷...
经过上次的尝试，已初步掌握jquery插件的写法，下面为模拟jquery UI插件的效果：html:<!DOCTYPE html>
<html><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0,minimun-scale=1.0 maximum-scale=1.0, user-scalable=no" name="viewport"/><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"/><title>jquery menu插...
最近做了一个jquery图片查看的插件，目的是能精确查看图片的详情，插件支持图片旋转、放大、缩小、拖拽、缩略图显示，界面效果是按照window的qq查看图片功能写的，当然不尽相同。具体功能：1. 多张图片切换，键盘左右键或左右箭头切换2. 旋转3. 放大，支持鼠标滚轮4. 缩小，支持鼠标滚轮5. 右下角缩略图6. 拖拽大图7. 全屏PS：下面是插件各状态下效果，demo示例会在最后放出来。全屏全屏是容器的最大化。缩小可以点击缩小图标或者鼠...
1、下载uploadify, 我的是v3.22、模板页面引入：<base href=‘{base_url()}‘ />
<script type="text/javascript" src="/public/admin/js/jquery.js"></script>
<script type="text/javascript" src="/public/js/ajaxfileupload.js"></script>
<script type="text/javascript" src="/public/js/uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="/public/js/uploadify/uploadify.css"...
项目需求：在ie或chrome浏览器下，调用电脑摄像头（确保使用的是笔记本电脑，或者摄像头功能正常使用的台式机），进行人脸图像采集预览，并将图片的base64码传入到后台进行后续操作。该demo适用于chrome和ie10以上，ie10以下版本的未测试。前期插件准备jquery：1.5版本以上即可jquery-webcam：github地址, 作者主页地址这里。该插件下载好后我们需要如下四个文件并与下面测试的HTML放在同一目录下：测试页面测试前注意事项: 测试ht...
今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外，还可以展示 flash、iframe 内容、html 文本以及 ajax 调用，我们可以通过 css 来自定义外观。fancybox 特点：可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持；可以自定义播放器的 css 样式；可以以组的形式进行播放；如果将鼠标滚动插件（mouse wheel plugin）包含进来的话 fancybox 还能支持鼠标滚轮滚动来翻阅图片；fancybox...
原文：https://www.cnblogs.com/springsnow/p/9461713.html
一、jQuery.validate.js插件用于对表单输入进行验证，其使用配置非常简单。支持多事件触发，自带多种验证规则，还支持自定义验证规则。 1、配置方法。 先导入jQuery库，然后导入Validate插件，如果是中文提示还需要导入messages_zh.js。 注意Validate的导入要在jQuery库之后。代码如下： <script src="jQuery.1.8.3.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"><...
(function($){ $.fn.extend({ //将可选择的变量传递给方法pluginname: function(options) { //设置默认值并用逗号隔开var defaults = { padding: 20, mouseOverColor : ‘#000000‘, mouseOutColor : ‘#ffffff‘ } var options = $.extend(defaults, options); returnthis.each(function() { var o = options; //这里编写相应代码 //可以像下边这样获取变量值 alert(o.padding); }); } }); })(j...
<!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></title><style type="text/css"> *{ margin: 0; padding: 0;} ul,li{ list-style-type: none} .myFirstTab{ width: 600px; height: 630px;} .tabList...
原文来自于:http://download.csdn.net/album/detail/369 jquery.cycle.all.js上传者：itmyhome 上传时间：2014-06-15Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能，使用方法很简单 $(document).ready(function() { $(‘#goods‘).cycle(); }); 博文地址：http://blog.csdn.net/itmyhome1990/article/details/30480141jQuerycycle图片切换插件Bootstrap网站模板上传者：itmyh...
1.引入JS库，jquery.js脚本和插件脚本jcarousellite.js。