经过上次的尝试，已初步掌握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...
我要告诉大家，现在JQuery也有一个很好的UI插件了，几乎完全可以替代ExtJS，下面来看看对比： 上图是ExtJS和EasyUI的界面对比，是不是很类似呢，很强大呢？ 呵呵~~ 漂亮的消息弹出，支持遮罩效果。 这个效果也很酷~ 更多的酷炫功能请看下方功能列表 Easy UI的使用也非常地简单：<script type="text/javascript" src="../jquery-1.4.2.min.js"></script><script type="text/javascript" src="../jquery.easyui.min.js"></script>与...
1.jquery定义一个新函数,这个函数可以使用jquey的所有功能2.smarty,dede其实也和jquery一样,不过是可以使用系统的一些方法而已3.可能还有一些规范,如smarty插件的命名规范.原文：http://www.cnblogs.com/zuoxiaobing/p/3589440.html
笔记：一、首先引入插件 <script type="text/javascript" src="js/jquery-1.10.0.js" ></script><script type="text/javascript" src="js/jquery.validate-1.13.1.js" ></script>列子：一个简单的登录表单验证 1<form id="loginForm"> 2<label for="userName">用户名：</label> 3<input type="text" id="user" name="userName"/> 4<br /><br /> 5<label for="passWord">密码：</label> 6<input type="password" id="passWord" nam...
本周带来10款免费的jquery插件。如果你也有好的作品，欢迎分享到社区中来，在得到帮助的同时，也能与更多人分享来自你的作品。jQuery导航菜单置顶插件 - stickyUp 。在线演示stickyUp是一款可以帮助你生成置顶效果的jquery插件，如果你希望生成一个固定页面顶端的导航效果，可以使用stickUp来快速生成。非常实用的回弹菜单在线演示这是一款实用型的菜单插件，可以用在很多地方，点击链接可以查看到在线演示并获得免费下载。使用jQu...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><script src="../jquery-1.8.3.min.js" type="text/javascript"></script><style type="text/css">body { margin: 0}.imgDiv { position: relative; width: 384px; height: 240px;} .imgDiv img { width: 100%; height: 100%;}.zoomDiv { position: absolute; background: #000; opacity: .3; f...
